カラー変換ツール
HEX、RGB、HSL、HSB/HSV、CMYK間でカラーを変換。リアルタイムプレビュー、コントラストチェック、パレット生成付き
透明度100%
カラー形式
HEX
#3b82f6RGB
rgb(59, 130, 246)HSL
hsl(217.22, 91.22%, 59.8%)HSB/HSV
hsv(217.22, 76.02%, 96.47%)CMYK
cmyk(76.02%, 47.15%, 0%, 3.53%)CSS出力
color: #3b82f6;background-color: rgb(59, 130, 246);border-color: hsl(217.22, 91.22%, 59.8%);コントラストチェッカー（WCAG）
Aa
vs 白（#FFFFFF） — 3.68:1
通常: Fail大きいテキスト: AA
Aa
vs 黒（#000000） — 5.71:1
通常: AA大きいテキスト: AAA
vs カスタム背景 — 3.68:1
通常: Fail大きいテキスト: AA
カラーパレット
補色
類似色
トライアド
分裂補色