カラーコード変換 - hex to rgb / rgb to hex / HSL / CMYK 相互変換ツール

カラーコード変換とは？

カラーコード変換ツールは、Web開発やデザインで使われる主要なカラー形式（HEX、RGB、HSL、CMYK、oklch）を相互に変換するツールです。CSSで直接使えるコードを出力するため、色の指定作業を効率化できます。すべての処理はブラウザ内で完結します。

関連: コントラストチェッカー · パレット生成

使い方

1. カラーピッカーで色を選択するか、いずれかの形式で値を入力します
2. すべての形式の値がリアルタイムで更新されます
3. 各形式の横にあるコピーボタンでCSSコードをコピーします

よくある質問

CMYKの変換精度はどの程度ですか？

ICCプロファイルを考慮しない簡易変換です。印刷用途には専用ソフトの使用をお勧めします。

oklchとは何ですか？

人間の知覚に基づいた色空間で、CSS Color Level 4で導入されました。均一な明度変化を表現できます。

透明度（alpha）は対応していますか？

現在は不透明色のみ対応しています。

基本的な使い方を教えてください。

HEX・RGB・HSL等の入力フィールドに色の値を入力すると、他の形式に自動変換されます。カラーピッカーから色を選ぶこともできます。

データはサーバーに送信されますか？

処理はブラウザ上で完結し、データはサーバーに送信されません。

関連ツール