Renk seçiciye geç

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.