ToolZool
CLR / 01 · 色ツール

カラーコード変換

1つの色をすべての表記で同時に表示し、WCAGのコントラストも確認できます。

カラー変換ツール
変換しました
出力⁦346⁩ 文字
Hex
#3b82f6
RGB
rgb(59 130 246)
最も近いクラス
blue-500
Hex           #3b82f6
RGB           rgb(59 130 246)
HSL           hsl(217.22 91.22% 59.8%)
Oklch         oklch(62.31% 0.188 259.81)

HSV           217° 76% 96%
CMYK          76% 47% 0% 4%

相対輝度          0.2355
白地でのコントラスト    3.68:1
黒地でのコントラスト    5.71:1
この色の上で読める文字   #000000

最も近いクラス       blue-500
不透明度          100%

色相 ⁨217°⁩、彩度 ⁨91%⁩、明度 ⁨60%⁩。
支援する 💚ToolZool を無料に保つ手助けを

みなさんのおかげで、
ToolZoolは無料のまま

優れたツールは、誰にとっても無料であるべきです。その費用をどう賄っているのか、隠さず全部書きます。

Zoolyにコーヒーをおごる灯りをともし、新しいツールを生み出すための直接の支援。まったくの任意です。Zoolyを支援する →
おすすめの品ブラウザでは終わらない仕事を片づける有料ツール。あのページから、いまこちらが得るものはありません。おすすめを見る →
礼儀をわきまえた広告広告と明示した枠は作業領域の外に置くので、操作と結果のあいだに割り込むことはありません。広告方針を読む →
あなたは最高です訪問も、共有も、温かいひと言も、ToolZoolが育って多くの人に届く助けになります。