HTML カラーコード
HTML と CSS を書くためのカラーヘルパー。#3498db、
rgb(52,152,219)、
hsl(204,70%,53%)、
dodgerblue のような CSS 色名など、任意の色を入力すると、
変換タブがすべての等価形式、貼り付け可能な CSS 宣言、黒/白の前景色の提案を即座に表示します。
色名タブは rebeccapurple を含む全 148 の CSS 色キーワードを一覧表示し(検索可、クリックでコピー)、
ウェブセーフは古典的な 216 色パレットを提供します。すべてローカル実行 — アップロードもサーバーも不要。このツールはコード指向です。デザイン業務(パレット、グラデーション、コントラスト、混合)には
カラーピッカーもご利用ください。
モード:
色を選ぶか入力してください - 等価表現と CSS スニペットがリアルタイムで更新されます。
CSS 色名 148 キーワード(rebeccapurple 含む)— スウォッチをクリックすると #hex をコピー
ウェブセーフパレット 216 色(RGB 段階 0/51/102/153/204/255)— クリックでコピー
これらの色は古典的な 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())は同じ色にアルファ(不透明度)値を付け加えるだけです。