カラーコードを変換する

使い方

1. 色を貼り付けます。#3b5bdb、#fff、rgb(59 91 219)、rgba(59, 91, 219, 0.5)、hsl(228, 69%, 55%) のいずれでも読み取ります。
2. 1行に1色ずつ書けば、パレットをまとめて変換できます。
3. 各表記と、その下のコントラスト比を確認します。
4. 必要な表記をコピーします。

よくある質問

どの書き方に対応していますか？

16進数（3桁・4桁・6桁・8桁）、rgb()とrgba()、hsl()とhsla()です。値の区切りはカンマでも空白でもよく、スラッシュのあとの不透明度も読み取ります。rebeccapurpleのような色名には対応していません（148個の対応表であって、変換ではないためです）。

2つのコントラスト比は何のためですか？

その色に対して、白い文字・黒い文字がどれだけ読みやすいかを示すWCAGの指標です。目安は本文で4.5:1以上、大きめ・太めの文字で3:1以上、最大値は21:1（白地に黒）です。どちらも4.5に届かない色は、背景にすると文字が読みにくくなります。

CMYKの値は印刷に使えますか？

正確な値ではありません。実際のCMYKは印刷機・インク・紙によって変わり、それを記述するのがカラープロファイルです。ここに出るのは単純な計算による値で、目安としては使えますが、印刷所に渡す data には向きません。必ず先方のプロファイルに従ってください。

往復させたら色が少しずれました。

HSLは角度と百分率を整数で表すため、変換して戻すと各チャンネルが1〜2ずれることがあります。厳密さが要るところでは16進数のまま扱ってください。

サーバーに送られますか？

いいえ。計算だけなので、このページの中で完結します。