カラー変換

色を入力するか選ぶと、HEX、RGB、HSL、OKLCHを同時に表示し、CSSやデザインツール、コードにそのままコピーできます。その色の上で黒と白どちらの文字が読みやすいかも示します。

ブラウザ内で動作。ファイルはアップロードも保存もされません。

サンプルテキスト
HEX
RGB
HSL
OKLCH

色のコントラストチェッカー

うまく動かない、または欲しい機能がありませんか?

カラー変換の使い方

  1. 好きな形式で色を入力するか、色を選びます。
  2. すべての形式を一度に確認します。
  3. 必要なものをコピーします。

よくある質問

OKLCHとは?

明るさを同じだけ変えると目にも同じだけ変わって見える、新しいCSSの色形式です。カラースケールを作りやすくなります。最新のブラウザはすべて対応しています。

ファイルはアップロードされますか?

いいえ。ツールはブラウザ内で動き、ページはどこにもデータを送れないようになっています。ネットを切断して確かめてみてください。そのまま動きます。

オープンソースの部品

このツールはブラウザーの標準機能だけを使います。第三者のコードは含みません。

ライセンス全文