140色のHTMLカラーネームをビジュアル表示
HTML/CSSで使用できる140色以上の名前付きカラー（Named Colors）を一覧表示する無料ツールです。色名・HEXコード・RGB値をまとめて確認でき、クリックでカラーコードをコピーできます。
CSSでは「red」「blue」「skyblue」「coral」などの英語の色名でカラーを指定できます。HEXコードを覚えなくても直感的に色を指定できるため、プロトタイプの作成やデバッグ時に便利です。
色名やHEXコードで検索できるほか、赤系・青系・緑系などの色相でフィルタリングもできます。デザインの色選びの参考にも使えます。
もっとも古くから使われている16色の基本カラーネームです。色名・色見本・HEXコードをまとめました。HEX値はCSSの標準仕様で定義されており、主要ブラウザで同じ色に表示されます。
| 色名 | 色見本 | HEX |
|---|---|---|
| Black | #000000 | |
| White | #FFFFFF | |
| Gray | #808080 | |
| Silver | #C0C0C0 | |
| Red | #FF0000 | |
| Maroon | #800000 | |
| Lime | #00FF00 | |
| Green | #008000 | |
| Blue | #0000FF | |
| Navy | #000080 | |
| Yellow | #FFFF00 | |
| Olive | #808000 | |
| Aqua | #00FFFF | |
| Teal | #008080 | |
| Fuchsia | #FF00FF | |
| Purple | #800080 |
| 色名 | 色見本 | HEX |
|---|---|---|
| SkyBlue | #87CEEB | |
| Coral | #FF7F50 | |
| Crimson | #DC143C | |
| Gold | #FFD700 | |
| Indigo | #4B0082 | |
| Orange | #FFA500 | |
| Pink | #FFC0CB | |
| Tomato | #FF6347 | |
| Turquoise | #40E0D0 | |
| SteelBlue | #4682B4 |