CSS Color Keywords

در CSS برای رنگ‌ها می‌توان از کلمات کلیدی (Color Keywords) استفاده کرد. این‌ها رنگ‌های از پیش تعریف‌شده‌ای هستند که مرورگرها می‌شناسند.

🎨 دسته‌بندی رنگ‌ها در CSS

1. رنگ‌های پایه

• red, blue, green, black, white, gray, yellow, purple, orange, pink, brown

2. رنگ‌های روشن و تیره

• lightblue, lightgreen, lightgray, darkblue, darkred, darkgreen

3. رنگ‌های پیشرفته (Extended keywords – بیش از ۱۴۰ رنگ)

• aliceblue, antiquewhite, aqua, aquamarine, beige, coral, crimson, gold, indigo, khaki, lavender, lime, navy, olive, orchid, plum, salmon, silver, tan, teal, tomato, turquoise, violet, wheat

4. رنگ‌های سیستمی (System colors – کمتر استفاده می‌شوند)

• ButtonText, Canvas, CanvasText, LinkText, GrayText, Highlight, HighlightText (بسته به تم سیستم عامل تغییر می‌کنند).

📌 استفاده

h1 {
    color: crimson;          /* متن قرمز مایل به ارغوانی */
}

button {
    background: lightblue;
    color: navy;
}

div {
     border: 3px solid gold;
}

📌 نکات مهم

• CSS بیش از ۱۴۰ رنگ کلیدی استاندارد دارد.

• همه مرورگرهای مدرن این رنگ‌ها را پشتیبانی می‌کنند.

• برای رنگ‌های دقیق‌تر می‌توان از HEX (#ff0000), RGB (rgb(255,0,0)), HSL (hsl(0, 100%, 50%)) استفاده کرد.