色とデザイン
色変換 (HEX/RGB/HSL/OKLCH)
無料のカラーコンバーター。HEX、RGB、HSL、OKLCH、およびCSSの名前付きカラーをライブプレビューで変換できます。デザイナー、開発者、アクセシブルなパレット作成に役立ちます。
Runs in your browser
編集者注
Understanding · RGB, HSL, OKLCH — same colour, different stories.
この詳細な解説章は現在、英語版のみで提供されています。上の変換ツールはあなたの言語で動作しますが、長文の解説記事はまだ翻訳されていません。
よくある質問
Quick answers.
›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.
他の人はこちらも検索しています
Use with
What people reach for next.
関連ツール