ウェブセーフカラー（216色）

216色の「ウェブセーフ」カラーは、各チャンネルを00、33、66、99、CC、FFの6段階で組み合わせたもので、1990年代のブラウザが256色の画面でディザリングなしに表示できた色です。このページは216色をすべて図と表で示し、任意のコードに最も近いウェブセーフ色（と、4096色の「ウェブスマート」色のうち最も近い色）を探します。知覚される差ΔE2000も表示するので、色がどれだけ変わるかが分かります。

使い方

1. 色を入力するか、空のままパレットを眺めます。
2. 最も近いウェブセーフ色とウェブスマート色のコード、それぞれのΔE2000を確認します。
3. 図を使います。大きな6つのブロックが赤の段階、下方向が緑、横方向が青です。
4. 表からコードをコピーします。どの色にも3桁の短縮形があります。

計算式

ウェブセーフのチャンネル = round(c ÷ 51) × 51 · ウェブスマートのチャンネル = round(c ÷ 17) × 17

cは0〜255のチャンネル値です。51の倍数は0x00、0x33、0x66、0x99、0xCC、0xFFで、17の倍数は同じ数字を重ねた0x00、0x11 … 0xFFです。これはちょうど3桁のHEXコードで表せる値の集合です。

計算例

ドジャーブルー #1E90FF = rgb(30, 144, 255)では、30 ÷ 51 = 0.59が1に丸められて33、144 ÷ 51 = 2.82が3に丸められて99、255はFFのままなので、最も近いウェブセーフ色は #3399FF です。17段階では #2288FF になります。CSSのgray #808080は、#999999（ウェブセーフ）と#888888（ウェブスマート）に対応します。