Question 1

CSSには何種類の名前付き色がありますか？

Accepted Answer

CSSは'aliceblue'から'yellowgreen'まで140種類の標準名前付き色を定義しています。HTML 4の基本16色、X11/SVG全色セット、後から追加された'rebeccapurple'などが含まれます。

Question 2

最近傍色マッチングとは何ですか？どれほど正確ですか？

Accepted Answer

最近傍色マッチングは、入力値に最もRGB値が近い名前付き色を探す手法で、通常RGBまたはLabカラー空間のユークリッド距離を使います。Lab空間は人間の色覚を考慮しているため、より知覚的に正確です。

Question 3

デザインシステムでhexコードの代わりに色名を使えますか？

Accepted Answer

プロトタイプには適していますが、本番のデザインシステムではhexやHSL値が推奨されます。hexコードは曖昧さがなく、デザイントークンへの格納が容易で、140色名より遥かに広い1677万色を表現できます。

Question 4

CSSの色名はX11の色と同じですか？

Accepted Answer

ほぼ同じですが完全には一致しません。例えばCSSの'green'は#008000（中程度の緑）ですが、X11の'green'は#00FF00で、CSSでは'lime'と呼ばれます。

Question 5

色名はアクセシビリティに影響しますか？

Accepted Answer

直接的には影響しません。アクセシビリティはコントラスト比によって決まります。ただし色名はコードレビューやスタイルガイドでの意図伝達に役立ちます。アクセシビリティ確認には、実際のhex値をWCAGのコントラスト基準と照合してください。

カラー名検索

よくある質問