Color Converter

利用可能

HEX、RGB、HSL、OKLCH をローカルで変換・確認し、色域、輝度、コントラストを表示します。

ローカルで実行されます。色の値はこのブラウザから送信されません。

カラー入力

HEX、RGB、HSL、OKLCH を入力し、Enter または変換を押します。

カラーピッカー

#RGB、#RGBA、#RRGGBB、#RRGGBBAA、rgb()/rgba()、hsl()/hsla()、oklch() に対応。

白背景

黒背景

カラーは sRGB 色域内です。

HEX

#6366F1

RGB

rgb(99 102 241)

HSL

hsl(238.7 83.5% 66.7%)

OKLCH

oklch(58.5% 0.204 277.1)

入力形式

HEX

Alpha

100%

sRGB 色域

範囲内

輝度

0.185

白とのコントラスト

4.47:1

黒とのコントラスト

4.70:1

変換と検査はすべてブラウザ内で実行されます。カラー値は保存されず、Devary バックエンドへ送信されません。

デザイントークンやアプリの色をバックエンドへ送らず、一般的な sRGB 形式と OKLCH を相互変換します。

OKLCH は sRGB 外の色も表現できます。その場合は OKLCH 座標を保持し、HEX・RGB・HSL は sRGB にクリップされた表現として明示します。