CSS'te renk belirtmek için HEX (#FF5733), RGB (rgb(255, 87, 51)) ve HSL (hsl(9, 100%, 60%)) formatları kullanılır. Bu araç ile formatlar arası kolayca dönüşüm yapabilirsiniz.
Renk Önizleme
HEX:#4f46e5
RGB:rgb(79, 70, 229)
HSL:hsl(244, 76%, 59%)
RGBA (50% opacity):rgba(79, 70, 229, 0.5)
Sık Sorulan Sorular
HEX renk kodu nedir?
HEX (Hexadecimal), renkleri 16'lık sayı sisteminde ifade eder. # işaretiyle başlar, 6 haneli (örn: #FF5733) veya 3 haneli kısa form (#F57) olabilir. İlk iki hane kırmızı, ortadaki iki hane yeşil, son iki hane mavi değerini temsil eder.
RGB ve RGBA farkı nedir?
RGB (Red, Green, Blue) 0-255 arası değerlerle renkleri tanımlar. RGBA, RGB'ye ek olarak Alpha (opacity/saydamlık) değeri içerir. Alpha 0 (tamamen saydam) ile 1 (tamamen opak) arasında olur. Örnek: rgba(255, 0, 0, 0.5)
HSL nedir ve ne zaman kullanılır?
HSL (Hue, Saturation, Lightness) renkleri daha doğal bir şekilde ifade eder. Hue (renk tonu) 0-360 derece, Saturation (doygunluk) ve Lightness (parlaklık) %0-100 arasındadır. Renk tonlarını ayarlamak HSL ile daha kolaydır.
Hangi format daha performanslıdır?
Performans açısından üç format arasında önemli bir fark yoktur. HEX daha kısa ve yaygındır. RGB/RGBA dinamik renk değişimleri için uygundur. HSL renk manipülasyonu için tercih edilir. Tercihinize göre seçebilirsiniz.
CSS'te named colors (isimli renkler) kullanılabilir mi?
Evet, CSS red, blue, green, yellow gibi 140+ isimli renk destekler. Ancak profesyonel projelerde HEX/RGB kullanımı önerilir çünkü daha kesin kontrol sağlar. Named colors basit testler için uygundur.