カラー変換ツール
HEX、RGB、HSL、OKLCH の間で色を相互変換。ビジュアルなカラーピッカーとライブプレビュー付き。
スタジオ · ニュートラル環境
#6366F1
HEX
RGB
HSL
OKLCH
機能
HEX ↔ RGB ↔ HSL ↔ HSV ↔ CMYK
Visual color picker
Live preview
CSS variable output
使い方
1. 色を選択します（ステージのクリック、HEX の貼り付け、スポイト、スペースキーでランダムも可）。
2. HEX・RGB・HSL・OKLCH のすべての形式が双方向にリアルタイム変換されます。
3. 単一の値でも CSS 変数ブロック全体でもコピーできます。下地を切り替えて白・グレー・ダーク背景で色を確認しましょう。
よくある質問
What color formats are supported?
HEX, RGB, HSL, HSV, and CMYK formats are all supported with instant conversion.