色見本とカラーコードの一覧
- カラーネーム 147色
- 147色のカラーネーム一覧と、それぞれのカラーコード一覧です。
- カラーネーム 分類別
- 147色のカラーネームを分類別に掲載しています。
- 標準 16色
- HTMLで定義されている基本色。この16色は、古いブラウザでもカラーネームを解釈することができます。
- Web Safeカラー 216色
- 安心して使える216色。標準16色とこのセーフカラーは、異なる環境で見ても同じ色で表示されます。
- カラーグラデーション
- 主要な色合いの彩度と明度のグラデーション一覧です。
- カラーグラデーション 詳細版
- 24種の色合いによる1350色のグラデーション一覧です。
- 12色の色相環と補色
- 色相環(12色)のカラーコードと補色の表示サンプルです。
- 配色パターン
- イメージごとに分類された、Webデザイン用の配色パターン一覧です。
色の指定方法
色の指定は、ハッシュ( #
)で始まる6桁のカラーコードか、red
やgreen
、white
といったカラーネームで行います。(カラーコードで指定することをお勧めします)
color="#ff0000"
color="red"
6桁のカラーコードには、次のような意味があります。
#ffffff
最初の2桁が赤、次の2桁が緑、最後の2桁が青を意味しています。この指定方法では、それぞれの色の強さを 00
~ ff
までの16進数で指定します。
00
に近いほどその色は弱くなり、ff
に近いほどその色が強調されます。
- ■
#ff0000
- □
#ffffff
- ■
#000000
上記以外の指定方法については、CSSの色指定をご覧ください。