色変換 (HEX/RGB/HSL/OKLCH)
無料のカラーコンバーター。HEX、RGB、HSL、OKLCH、およびCSSの名前付きカラーをライブプレビューで変換できます。デザイナー、開発者、アクセシブルなパレット作成に役立ちます。
Runs in your browserUpdated Apr 18, 2026
Color Input
HEX
#3b82f6
RGB
rgb(59, 130, 246)
HSL
hsl(217, 91%, 60%)
OKLCH
oklch(0.623 0.188 259.8)
よくある質問
›What color formats are supported?
HEX, RGB, HSL, OKLCH and named CSS colors. Conversions happen instantly in both directions.
›What is OKLCH?
OKLCH is a perceptually uniform color space supported by modern browsers — great for accessible palettes and consistent lightness across hues.
›Why use OKLCH instead of HSL?
HSL lightness varies wildly between hues (yellow at 50% looks much lighter than blue at 50%). OKLCH fixes this — same L means same perceived lightness.
›Are alpha values supported?
Yes — RGBA, HSLA and 8-digit HEX with alpha all work.
›Is the converter free?
Yes — fully free, no signup.