CSS 140+ CSS , ,.

What Is CSS ?

CSS Named Colors Referenceは、W3C仕様で定義された140以上のCSS命名色を網羅した包括的なビジュアルカタログです。単純な検索ツールとは異なり、このリファレンスでは、アルファベット順、色相（類似する色をグループ化）、明度（最も明るいから最も暗いまで）などの複数の並び替えオプションを提供し、色の探索と発見に強力なツールとなっています。各色のエントリには、視覚的なサンプル、意味的名前、およびHEXコードが表示されます。検索機能は部分一致でフィルタリングするため、「blue」と入力すると、すべての青系の色（aliceblue、blue、cadetblue、cornflowerblueなど）が表示されます。このリファレンスは、開発者がすぐに命名された色を見つけたり、利用可能なCSSカラーネームを探索したり、プロトタイピングのために意味のある色の名前を選択したりする必要がある場合に不可欠です。

Why Use CSS ?

• 140CSS
• : ,
• SEO
• RGB
• HEX

Common Use Cases

CSS

HEX

CSS

CSS

Technical Guide

CSS命名色は、CSS Color Module Level 4仕様で定義されたキーワードです。148個の命名色（aqua/cyanなどのエイリアスを含む）があります。各名前は特定のsRGBカラーにマップされます。色相による並び替えでは、HEX値から抽出されたHSL色角（0-360°）を使用して、赤、オレンジ、黄、緑、青、マゼンタなどのグループを作成します。明度による並び替えでは、HSL明度値（0-100%）を使用します。無彩色（黒、白、グレイ）は色角が0°ですが、飽和度は非常に低いため、色相の並び替えの一端にクラスター化されます。X11カラーシステムからの遺産から命名上の不一致がありますが、「darkgray」（A9A9A9）は「gray」（808080）よりも明るいという点が特に注目されるでしょう。

Tips & Best Practices

• 1
  : , ,
• 2
  : ,
• 3
  sea: seagreen, seashell, darkseagreen
• 4
  CSS: console.log, SVG,
• 5
  HEX

Related Tools

HEXからRGBコンバーター

HEXカラーコードを瞬時にRGB値に変換。プレビューパネルでライブ表示。

🎨 Color Tools

HEXからHSL変換ツール

HEXカラーコードをHSL（色相、彩度、明度）値に変換します。

🎨 Color Tools

カラーネームからHEX

140以上のCSS命名色を検索してプレビューできるHEXコードを見つけることができます。

🎨 Color Tools

カラーピッカー

HEX、RGB、HSL、CMYK形式の出力に対応したインタラクティブなカラーピッカー。

🎨 Color Tools

Tailwind カラーファインダー

任意のHEXコードに最も近いTailwind CSSカラークラスを見つける。

🎨 Color Tools

Frequently Asked Questions

Q CSS?

148 CSS1453: aqua=cyan, fuchsia=magenta, darkgrey=darkgray

Q

0-360RGB: , , , , ,

Q CSS?

CSSFreeToolkit

About This Tool

CSS is a free online tool by FreeToolkit.ai. All processing happens directly in your browser — your data never leaves your device. No registration or installation required.