CSS カラーコンバーター

CSS、デザイントークン、ドキュメント用に HEX、RGB、HSL、HSV、CMYK カラーを変換します。すべてブラウザでローカルに実行されます。

HEX、RGB、HSL、HSV、または CMYK のカラー値を入力してください。

HEX

#3366ff

RGB

rgb(51, 102, 255)

HSL

hsl(225, 100%, 60%)

HSV

hsv(225, 80%, 100%)

CMYK

cmyk(80%, 60%, 0%, 0%)

CSS 対応の出力

HEX、RGB、HSL 値をスタイルシート、変数、デザイントークンファイルに直接コピーします。

デザインツール形式

パレットを比較する際に、ピッカーのワークフローには HSV を、印刷向けの簡単な近似値としては CMYK を使用します。

プライベートなローカル処理

色の解析と変換はページ内で実行されます。アップロードエンドポイントやサーバー側の変換ステップはありません。

Related color tools

SCSS コンパイラ
Compile Sass/SCSS stylesheets online.
CSS ミニファイヤ
Compress CSS code locally in your browser.
CSS Gradient Generator
Create CSS gradients locally
Image Color Picker
Pick HEX, RGB and HSL values from uploaded or pasted images.
HEX RGB HSL カラーコンバーター
Convert common CSS color formats locally.
WCAGカラーコントラストチェッカー
アクセシブルなテキストと背景の色のコントラストを確認します。
Image Color Palette Generator
Pick an exact color from a local image.

よくある質問

このコンバーターを使用すると、私の色がアップロードされますか？

いいえ。変換はブラウザの JavaScript で実行されます。入力したカラー値が Convertr サーバーに送信されることはありません。

どのカラー形式がサポートされていますか？

このツールは、HEX、RGB、HSL、HSV、CMYK の入力をサポートし、各形式の変換された値を表示します。

CMYK が近似値なのはなぜですか？

ブラウザの色は RGB ベースです。CMYK 出力は標準的な数学的近似であり、プレス固有のカラープロファイルとは異なる場合があります。