← ツール一覧
[ 04 / デザイン ]
カラーコンバーター
CSSカラーをHEX・RGB・HSL・OKLCHに相互変換。色見本で確認できます。
HEX（3・4・6・8桁）、rgb()、rgba()、hsl()、hsla()、oklch()、rebeccapurpleなどのCSSカラー名に対応しています。
02 // HIPEのブランドカラー
このOKLCHカラーはsRGBの色域外です。各値には、彩度を下げて表示可能な範囲に収めた最も近い色を表示しています。
- HEX
#0066FF- RGB
rgb(0 102 255)- HSL
hsl(216 100% 50%)- OKLCH
oklch(56.35% 0.2408 260.82)
アルファ値を指定した場合はそのまま保持します。HEXは2桁を追加した#RRGGBBAA、ほかの形式は「/ アルファ値」付きで表示します。ブラウザ標準のカラーピッカーはアルファ値に対応していないため、ピッカーで色を選んでも現在の透明度が維持されます。
入力したテキストや色はブラウザ内で処理され、アップロードされません。