カラーコンバーター

このツールについて

カラーコンバーターは、1つの色の値を入力すると、他のすべての一般的な形式で同時に表示するツールです。HEXコード、rgb()/rgba()値、hsl()/hsla()値のいずれかを入力または貼り付けると、自動的に解析され、対応するHEX、RGB、HSL、HSV、CMYKの文字列が一覧表示されます。大きなスウォッチに色が表示され、色に透明度がある場合はその背後に市松模様が表示されます。ブラウザ標準のカラーピッカーで色を選ぶこともでき、テキスト入力欄と常に同期します。

処理はすべてブラウザ内で行われます。入力または選択した色が外部に送信されることはないため、社内のデザインシステムやクライアントのスタイルガイドのブランドカラーを、外部サイトに貼り付けることなく変換できます。

デザイナーが指定したHEXコードをCSSファイルで使うRGBやHSLの値に変換したり、透明度を持たせた場合の色の見え方を確認したり、画面上で選んだ色から印刷用のCMYKパーセンテージを取得したりするのに使えます。CSSのカラー表記の一覧はMDNの<color>データ型のリファレンスを参照してください。