HTML カラーコード

HTML と CSS を書くためのカラーヘルパー。#3498db、rgb(52,152,219)、hsl(204,70%,53%)、dodgerblue のような CSS 色名など、任意の色を入力すると、変換タブがすべての等価形式、貼り付け可能な CSS 宣言、黒/白の前景色の提案を即座に表示します。色名タブは rebeccapurple を含む全 148 の CSS 色キーワードを一覧表示し(検索可、クリックでコピー)、ウェブセーフは古典的な 216 色パレットを提供します。すべてローカル実行 — アップロードもサーバーも不要。このツールはコード指向です。デザイン業務(パレット、グラデーション、コントラスト、混合)にはカラーピッカーもご利用ください。
モード:
色を選ぶか入力してください - 等価表現と CSS スニペットがリアルタイムで更新されます。
受け付け:#RGB、#RRGGBB、#RRGGBBAA、rgb()、rgba()、hsl()、hsla()、CSS 色名、transparent
HEX-コピー
HEX (short)-コピー
RGB-コピー
RGBA-コピー
HSL-コピー
CSS 色名-コピー
Aa
#000 コピー
#fff コピー
推奨前景色がハイライト表示されます
これらの色は古典的な 256 色ディスプレイでもディザリングなしで表示されます。
形式の関係:#3498db == rgb(52, 152, 219) == hsl(204, 70%, 53%)。HSL の色相は度(0-360)、彩度/明度はパーセント。アルファ(#RRGGBBAA、rgba()、hsla())は解析され、すべての出力に引き継がれます。CSS キーワード名はまず完全一致で照合され、一致するキーワードがない場合は 148 キーワードの最も近いものがデザインのヒントとして提案されます。
CSS カラーコードとは?

CSS カラーコードは画面上の 1 色の数値レシピです:赤、緑、青の光をどれだけ混ぜるか。#3498db のような 6 桁 hex、関数形式の rgb(52, 152, 219)、hsl(204, 70%, 53%)、148 の定義済みキーワード — どの表記も同じ 24 ビット sRGB 値に解決されます。hex と rgb() はチャンネルを直接指定し、hsl() は色をカラーホイール上の角度 + 彩度 + 明度として記述します。色合いを調整するときはこちらのほうが直感的です。

チャンネルあたり 256 段階で 16,777,216 色を表現できます。8 桁形式(#RRGGBBAA、rgba()、hsla())は同じ色にアルファ(不透明度)値を付け加えるだけです。