Renk Dönüştürücü Hakkında
Renk Dönüştürücü, herhangi bir rengi CSS, tasarım araçları ve dijital sanatta kullanılan tüm büyük formatlar arasında (HEX, RGB, RGBA, HSL, HSLA, HSV, CMYK ve CSS adlandırılmış renkler dahil) anında çevirmenizi sağlar.
Desteklenen Renk Formatları
- HEX — Standart web formatı. Her kanal için iki onaltılık basamak kullanılarak #rrggbb olarak yazılır. Her çiftteki iki basamak aynı olduğunda #rgb gibi üç karakterli kısaltma da geçerli CSS'dir.
- HEX 8 — Alfa kanalı ekleyen 8 haneli hex: #rrggbbaa. Modern tarayıcılarda tam olarak desteklenir ve hex değerinde saydamlık gerektiğinde kullanışlıdır.
- RGB / RGBA — Bir rengi 0 ile 255 arasında kırmızı, yeşil ve mavi değerleri olarak tanımlar. RGBA, alfa için dördüncü bir değer ekler (0 = tamamen saydam, 1 = tamamen opak). CSS ve tasarım uygulamalarında yaygın olarak kullanılır.
- HSL / HSLA — Ton (0–360°), Doygunluk (0–100%) ve Parlaklık (0–100%). Bu model, insanların rengi algılama biçimiyle yakından örtüşür ve tonu sabit tutarken parlaklığı veya doygunluğu ayarlayarak palet oluşturmayı kolaylaştırır.
- HSV / HSB — Ton, Doygunluk ve Değer (Parlaklık olarak da bilinir). Photoshop, Figma ve çoğu tasarım aracı tarafından renk seçicileri için kullanılır. HSL'nin aksine, "Değer" kanalı tonun mümkün olan en parlak sürümünü temsil eder.
- CMYK — Cam göbeği, Macenta, Sarı ve Anahtar (siyah) — baskıda kullanılan çıkarıcı model. Ekran renklerini CMYK'ya dönüştürmek baskı çalışmaları için bir başlangıç noktası sağlar, ancak monitör renkleri mürekkepte tam olarak yeniden üretilmeyebilir.
- CSS Adlandırılmış Renkler — CSS, tomato, cornflowerblue ve rebeccapurple gibi 148 anahtar kelime rengi tanımlar. Dönüştürücü, geçerli renginiz bu anahtar kelimelerden biriyle tam olarak eşleştiğinde eşleşen adı gösterir.
Nasıl Kullanılır
- Görsel olarak bir renk seçmek için renk örneğine veya yerel renk seçiciye tıklayın. İnce kanal kontrolü için R, G, B kaydırıcılarını kullanın.
- Metin alanına herhangi bir renk yazın ve Enter'a veya Ayrıştır'a basın. Kabul edilen formatlar hex değerleri, rgb(), rgba(), hsl(), hsla() ve CSS renk adlarını içerir.
- Saydamlığı ayarlamak için Alfa kaydırıcısını kullanın. Bu, RGBA, HSLA ve HEX 8 çıktılarına yansıtılır.
- Panelde tüm 148 CSS adlandırılmış rengi göz atın veya arayın. Herhangi bir renge tıklamak onu anında yükler.
- Herhangi bir formatın yanındaki kopyalama düğmesine tıklayarak onu panonuza kopyalayın.
Doğru Formatı Seçme
- HEX: Statik CSS renkleri ve tasarım token'ları için en iyisi.
- RGBA: CSS'de saydamlığa ihtiyaç duyduğunuzda kullanın (örn. katmanlar, gölgeler).
- HSL: CSS değişkenlerinde programatik olarak renk ölçekleri ve temalar oluşturmak için idealdir.
- HSV: Tasarım aracı API'leri veya renk seçici bileşenleriyle çalışırken kullanın.
- CMYK: Renkleri bir baskı tasarımcısına teslim ederken veya Pantone eşdeğerleri belirtirken gereklidir.