CSS renk adları

CSS belirtimindeki 148 adlandırılmış rengin tamamı, tona göre gruplanmış ve açıktan koyuya sıralanmış. Kopyalamak için bir ada veya HEX değerine tıklayın.

Kırmızı

Gül kırmızısı

Pembe

Macenta

magenta ile aynı
fuchsia ile aynı

Mor

Menekşe

Çivit mavisi

Mavi

lightslategrey ile aynı
lightslategray ile aynı
slategrey ile aynı
slategray ile aynı

Gök mavisi

Camgöbeği

cyan ile aynı
aqua ile aynı
darkslategrey ile aynı
darkslategray ile aynı

Petrol mavisi

Zümrüt yeşili

Yeşil

Fıstık yeşili

Sarı

Kehribar

Turuncu

Kahverengi

Bej

Beyaz

Gri

lightgrey ile aynı
lightgray ile aynı
darkgrey ile aynı
darkgray ile aynı
grey ile aynı
gray ile aynı
dimgrey ile aynı
dimgray ile aynı

Siyah

Sorular ve yanıtlar

CSS’te kaç adlandırılmış renk var?

CSS Color 4, aliceblue’dan yellowgreen’e 148 adlandırılmış renk tanımlar. Bazıları aynı değeri paylaşan eş anlamlılardır, örneğin gray ile grey ya da aqua ile cyan. Ayrıca sabit bir renk olmayan transparent ve currentcolor anahtar sözcükleri de vardır.

CSS’te gray ile grey aynı mı?

Evet. Her gray adının tamamen aynı değere sahip bir grey yazımı vardır, örneğin darkgray ve darkgrey ikisi de #a9a9a9’dur. Dikkat: darkgray, gray’den daha açıktır. Bu tuhaflık X11 renk listesinden kalmadır.

Canlı projede CSS renk adlarını kullanmalı mıyım?

Renk adları her tarayıcıda çalışır, bu yüzden prototipler, demolar ve tek seferlik stiller için uygundur. Bir üründe ise OKLCH veya HEX ile tanımlanmış kendi token’larınızı tercih edin: bir ölçek olarak ayarlamaları ve temalar arasında tutarlı tutmaları daha kolaydır.