Renk Kodu Dönüştürücü

Renk Kodu Dönüştürücü, bir rengi farklı gösterimler arasında çevirir: onaltılık kod, kırmızı-yeşil-mavi değerleri ve renk-doygunluk-parlaklık üçlüsü.

Üç gösterim, üç farklı iş

Aynı rengi anlatan bu üç biçim rastgele çeşitlilik değildir; her biri farklı bir işi kolaylaştırır.

Onaltılık kod paylaşmak için en pratiktir. Altı karakter, tek parça, kopyalaması kolay. Tasarım dosyalarında ve stil sayfalarında en yaygın biçim budur.

Kırmızı-yeşil-mavi değerleri hesaplama için uygundur. Her kanal 0–255 arasında ayrı bir sayıdır; program içinde renk üretmek veya karıştırmak gerektiğinde bu biçimle çalışılır. Saydamlık eklemek de burada mümkündür.

Renk-doygunluk-parlaklık ise insan sezgisine en yakın olanıdır ve asıl faydası burada ortaya çıkar.

Neden HSL tasarımda hayat kurtarır?

Bir rengin daha açık bir tonunu üretmek istediğini düşün. Onaltılık kodda bunu yapmak için üç kanalı da tahminle değiştirmen gerekir ve sonuç genellikle rengin karakterini bozar.

Renk-doygunluk-parlaklık gösteriminde ise yalnızca parlaklık değerini artırırsın. Renk aynı kalır, sadece açılır. Bir düğmenin normal, üzerine gelince ve basılınca hallerini üretmenin en temiz yolu budur.

Aynı şekilde uyumlu bir palet oluşturmak için renk değerini eşit aralıklarla kaydırmak yeterlidir.

Kısa yazım

Onaltılık kodlarda her kanalın iki basamağı aynıysa üç basamaklı kısa yazım kullanılabilir. Bu bir kolaylıktır; renk değişmez.

Nasıl dönüştürülür?

1. Renk kodunu herhangi bir biçimde gir.
2. Dönüşümü başlat.
3. İhtiyacın olan biçimi kopyala.

Kontrol edilmesi gerekenler

Dönüşüm sırasında ondalık yuvarlama nedeniyle çok küçük farklar oluşabilir. Marka renklerinde her zaman kaynak değeri referans al; dönüştürülmüş değeri değil.

Sıkça sorulan sorular

Hangi biçimi kullanmalıyım?

Paylaşım için onaltılık, hesaplama için kanal değerleri, ton üretimi için parlaklık tabanlı gösterim.

Üç basamaklı kod nedir?

Her kanalın iki basamağı aynı olduğunda kullanılan kısa yazımdır.

Saydamlık ekleyebilir miyim?

Kanal tabanlı gösterimlerde saydamlık değeri eklenebilir.

Renk tam olarak aynı mı kalıyor?

Yuvarlamadan kaynaklanan çok küçük farklar olabilir; marka renklerinde kaynağı esas al.

İlgili araçlar

Renk seçmek için Renk Seçici, onaltılık gösterim için Onaltılık Kod Dönüştürücü sayfalarını kullanabilirsin.