Tasarım, sosyal medya veya web sayfalarıyla çalışıyorsanız renklerin birkaç farklı biçimde yazıldığını görürsünüz. Bunlar aynı şeyi adlandırmanın farklı yollarıdır.
Üç biçim
- HEX, örneğin
#E4007C: web tasarımında en yaygın olanıdır. Üç çift haneden oluşur: kırmızı, yeşil ve mavi. - RGB, örneğin
rgb(228, 0, 124): 0 ile 255 arasında kırmızı, yeşil ve mavi miktarı. - HSL, örneğin
hsl(330, 100%, 45%): ton, doygunluk ve açıklık. Varyasyonlar oluşturmak için kullanışlıdır, örneğin daha açık bir ton.
Renk dönüştürücü ile bir rengi bunlardan herhangi biriyle yazarsınız ya da seçiciyle seçersiniz; diğer ikisini anında, kopyalama düğmeleriyle birlikte alırsınız. 3 haneli HEX'i de kabul eder: #F0A, #FF00AA ile aynıdır.
Bir resimden renk çıkarma
Bir logonuz veya referans fotoğrafınız mı var? Bir resmin renk paleti ana tonları gruplar ve HEX kodlarını verir. Kopyalamak için bir renge dokunun veya hepsini CSS değişkenleri olarak kopyalayın. Bu bir yaklaşıklıktır: benzer renkler tek grupta toplanır.
Pratik uygulamalar
- Logonuzdan bir favicon oluşturun.
- İhtiyacınız olan boyutta bir SVG'yi PNG'ye dönüştürün.
- Düz renkli arka planı kaldır ile logonuzu arka plansız bırakın.
Erişilebilirlik önerileri
Metin ile arka plan arasında iyi bir kontrast sağlayın ve bir şeyi iletmek için yalnızca renge güvenmeyin. Beyaz üzerindeki açık gri bir metin birçok kişi için okunamaz olabilir.