サーバーへのデータ保存または送信なし

Color Converter

CSS、モバイル、デザイントークン形式へ色を変換

HEX、RGB、HSL、HWB、Lab、LCH、Oklab、OKLCH、Display P3、CSS 色名に対応

#5CCC7FCC
H139°
アルファ80%
プレビュー
明るい背景
暗い背景

すべてブラウザー内でローカル処理されます。

HEX
RGB
OKLCH
HEX + AlphaRRGGBBAA
RGB + Alpha
HSL
HSL + Alpha

CSS HEX は RRGGBBAA、Android と Flutter は AARRGGBB を使用します。

最近の色

変換した色がここに表示されます。

関連ツール

CSSビューティファイア＆ミニファイアCSSコードをフォーマット、最適化、ミニファイコードスクリーンショットジェネレーター美しく共有可能なコード画像を作成単位変換器開発者向け単位変換ツール：データサイズ、速度、時間など
Color Converter とは？

1 つの色を解析し、CSS、JavaScript、モバイル、デザイントークン、最新の色空間向けにコピー可能な値を生成します。アルファを保持し、色域の制限を示し、すべてブラウザー内で処理します。

使い方
  1. 1.HEX、RGB、HSL、HWB、Lab、LCH、Oklab、OKLCH、Display P3、または CSS 色名を入力します。
  2. 2.カラーピッカーやアルファスライダーで調整します。
  3. 3.形式、コード、トークン、検査から必要な値をコピーします。
  4. 4.ローカル履歴から色を復元できます。
精度とプライバシー

変換は単一の高精度モデルから行い、出力時にのみ丸めます。Display P3 と知覚色空間の座標を保持し、sRGB でクリップが必要な場合は明示します。CMYK は近似値であり ICC 印刷変換ではありません。色は送信されません。