カラーコンバーター
カラーコンバーター
CSS カラー値 (#ff6600 や ff6600 など) を入力すると、下のプレビューにその色が表示されます。
Enter a valid CSS color value.
カラーサンプルはこちらに表示されます
HEX
—
RGB
—
RGBA
—
HSL
—
HSLA
—
CSS input
—
オンライン CSS カラー チェッカーを使用する理由は何ですか?
このツールを使用すると、CSS カラー値をブラウザーで直接すばやく視覚化できます。デザイン システム、スタイル ガイド、またはレイアウトからコードを貼り付けると、画面上でどのように表示されるかをすぐに確認できます。
Web サイトのスタイルを準備したり、ブランドカラーを一致させたり、既存のレイアウトをデバッグしたりするときに使用します。チェッカーは、HEX、RGB、RGBA、HSL、名前付きカラーなど、すべての標準 CSS 形式をサポートします。
✓
CSS カラーをスタイルシートやデザイン システムで使用する前にプレビューします。
✓
HEX、RGB、RGBA、HSL、および名前付きカラー値を 1 か所で確認します。
✓
ブランドカラーのマッチングや既存のレイアウトのデバッグに役立ちます。
✓
カラー値を貼り付けて、ブラウザで直接サンプルを確認します。
✓
プレビュー見本を使用して、解析された色が意図した色合いと一致していることを確認します。
✓
このコンバータは、CSS、デザイン ツール、ドキュメント間で色をコピーするときに役立ちます。
