色変換ツール
HEX、RGB、HSL形式の相互変換。補色、類似色、コントラスト比計算機能付き
色の指定
カラーピッカーまたは各形式で指定
rgb(59, 130, 246)hsl(217, 91%, 60%)プレビュー
補色
#C47D09コントラスト比
比率:3.68:1
通常:Fail
大きな:AA
類似色
クリックして色を切り替え
#3CF6AF#3CE0F6#3C83F6#523CF6#AF3CF6使い方
基本操作
カラーピッカーまたは各形式の入力欄で色を指定すると、他の形式も自動的に同期されます。コピーボタンでクリップボードにコピーできます。
補色・類似色
補色（色相環で180度反対側の色）と類似色をクリックすると、その色に切り替わります。
コントラスト比
WCAG 2.1準拠のコントラスト比を計算します。AA: 通常テキスト4.5:1以上、大きなテキスト3:1以上 / AAA: 通常テキスト7:1以上、大きなテキスト4.5:1以上