カラーコントラストチェック
文字色と背景色の WCAG 2.2 コントラスト比を測定し、通常文字と大きな文字の適合状況を表示します。
カラーコード変換
HEX・RGB・HSL と透明度を変換し、色をプレビューしながら CSS の値をコピーできます。
HEX・RGB・HSL のどれかを編集すると、ほかの値とプレビューも更新されます。
このツールについて
HEX・RGB・HSL と透明度を変換し、色をプレビューしながら CSS の値をコピーできます。
使い方
カラーコードを入力するか色を選び、不透明度をスライダーで調整します。HEX は 3・4・6・8 桁に対応します。RGB は 0–255 または百分率、HSL の彩度と明度は百分率です。範囲外の値はエラーになります。印刷用 CMYK や広色域の変換は行いません。
HEX・RGB・HSL はそれぞれ直接編集できます。どれかを変えると残りが更新され、入力中の文字とカーソル位置は保たれます。未完成・不正な値は該当欄に示し、有効になるまでコピーできません。
コメント
0