色の変換
HEX·RGB·HSL·CMYK · 画面から色を拾う · コントラスト比·パレット
색상 변환
HEX·RGB·HSL·CMYK 를 서로 변환하고, 대비비(가독성)와 조화 팔레트를 함께 봅니다
HEX#5865F2복사
RGBrgb(88, 101, 242)복사
HSLhsl(235, 86%, 65%)복사
CMYKcmyk(64%, 58%, 0%, 5%)복사
CSS 변수--color: #5865f2;복사
Android0xFF5865F2복사
흰 글자 4.61 : 1
AA (본문 OK)
검은 글자 4.56 : 1
AA (본문 OK)
HEX・RGB・HSL・CMYK を相互に変換し、白文字・黒文字の WCAG コントラスト比を計算して読みやすさを判定します。補色・三色配色のパレットと明度段階も一緒に作ります。
使い方
- 色を選ぶか HEX を入れる
- 表記の行を押してコピーする
- コントラスト比で白い文字・黒い文字を判断する
- パレットや明るさの段階を押して移動する
よくある質問
- コントラスト比 4.5:1 はどういう意味ですか？
- WCAG のアクセシビリティ基準が本文の文字に求める最低のコントラストです。4.5 以上で AA、7 以上で AAA を満たし、18pt 以上の大きな文字は 3:1 で通ります。
- CMYK の値が印刷所の値と違います。
- 画面（RGB）と印刷（CMYK）は表せる範囲が違い、正確な変換にはカラープロファイルが要ります。ここの値はプロファイルなしの近似なので、印刷の校正には専用の道具を使ってください。
- 調和パレットはどうやって作りますか？
- HSL の色相環で角度を回して作ります。補色は180°、三色は120°・240°、類似色は ±30° です。
ほかの道具
この端末の中だけ 入力した内容はブラウザの中だけで処理され、どこにも保存・送信されません。
このツールが入力をどこへ送るかは、上のバッジに書いてあります。 道具の一覧 · KarmoLab · 作った人 · AI と一緒に作っています。 ソースを見る