カラーコード変換ツール
HEX、RGB、HSLカラーコードを相互変換し、プレビュー・WCAGコントラストチェック・配色調和まで確認できます。
%
%
HEX#ff0000
RGBrgb(255, 0, 0)
RGBArgba(255, 0, 0, 1.00)
HSLhsl(0, 100%, 50%)
HSLAhsla(0, 100%, 50%, 1.00)
最も近いTailwindクラスred-600 (#e7000b)
プレビュー
WCAGコントラスト
Aa
白背景との比較: 4.00
AA（通常テキスト）不合格
AAA（通常テキスト）不合格
AA（大きいテキスト）合格
Aa
黒背景との比較: 5.25
AA（通常テキスト）合格
AAA（通常テキスト）不合格
AA（大きいテキスト）合格
配色調和
補色
類似色
トライアド配色
モノクロマティック
このツールはデジタルディスプレイ（光ベースのRGB）向けです。印刷用のCMYK変換には専用ツールが必要です。
WCAGコントラスト比は標準の相対輝度計算式を使用し、純白・純黒の背景を基準に算出されます。
すべての計算はブラウザ内でローカルに実行され、外部サーバーには送信されません。