ウェブセーフカラーチャート

ウェブセーフカラーチャート

ウェブセーフカラーのチャート兼変換ツールです。Netscape の 216 色は各チャネル 00、33、66、99、CC、FF（6³ = 216）です。HEX / rgb() / hsl() を貼ると、各チャネルが 51 の倍数に揃います。#3B82F6 は #3399FF。#000000、#FFFFFF、灰色 #333333 / #666666 / #999999 / #CCCCCC も含まれます。現行の画面には不要で、GIF や当時の仕様の参照用です。

使い方

1. HEX を貼るか色を選びます。右がウェブセーフ側です。カードは RGB と HSL です。
2. チップで HEX、rgb()、hsl() をコピー。結果のコピーはセーフ HEX です。
3. 例を表示は #3B82F6 → #3399FF。#FF5733 → #FF6633、#808080 → #999999。
4. 216 色を RGB 立方・色相・明度で並べ、HEX で絞ります。セルや行をクリックすると HEX をコピーします。
5. HEX を全部コピーは表示中の一覧です。スポイトは対応ブラウザで画面の画素を読みます。

6 × 6 × 6 立方

チャネルは 0、51、102、153、204、255。丸めは 51 × round(n / 51)。表は HEX、R、G、B、H、S、L。立方は R が最も遅く変わります。色相は S 0% を先に、そのあと 30° ごと。明度は 20% 幅。フィルタは # なしの部分一致です。

使う場面

• GIF パレットや古い HTML チャートの照合。
• 256 色ディスプレイでウェブセーフが必要だった理由の説明。
• レトロなモック用。現行 UI の第一選択ではありません。

よくある質問

関連ツール

HEX to RGB: HEX to RGB. HSL: Color Converter. PDF: Color Palette.