Renk dönüştürücü
Bir rengi HEX, RGB, HSL, HSV ve CMYK arasında dönüştürün ve iki rengin okunaklı metin için yeterli kontrasta sahip olup olmadığını denetleyin.
Tamamen tarayıcınızda çalışır
- HEX
- RGB
- HSL
- HSV / HSB
- CMYK
- CSS adı
Kontrast denetleyici
Kontrast oranı –
| Kullanım | Gereken | Sonuç |
|---|---|---|
| Normal metin, AA | 4,5:1 | |
| Normal metin, AAA | 7:1 | |
| Büyük metin, AA | 3:1 | |
| Büyük metin, AAA | 4,5:1 | |
| Simgeler ve arayüz parçaları, AA | 3:1 |
HEX (3, 4, 6 veya 8 basamak), rgb(), hsl(), hsv(), cmyk() ve CSS renk adlarını okur; diğer CSS renk söz dizimlerini tarayıcınız okuyabildiği ölçüde okur. HSL, HSV ve CMYK bir ondalık basamakla gösterilir.
Renk nasıl dönüştürülür?
#1636a3,rgb(22, 54, 163),hsl(226, 76%, 36%)veyanavygibi yaygın bir biçimde bir renk yazın ya da yapıştırın; veya renk seçiciyle bir renk seçin.- İhtiyacınız olan biçimi listeden kopyalayın. Değerler siz yazdıkça güncellenir.
- Kontrast denetleyici bölümünde bir yazı rengi ve bir arka plan rengi girerek kontrast oranlarını ve WCAG AA ile AAA'yı geçip geçmediklerini görün.
Renk biçimleri ve kontrast
HEX ve RGB, bir ekran rengini 0 ile 255 arasında kırmızı, yeşil ve mavi miktarları olarak tanımlar; HEX her miktarı iki onaltılık basamak olarak yazar ve opaklık için isteğe bağlı üçüncü bir çift ekler. HSL ve HSV aynı renkleri ton (renk çemberi üzerinde bir açı), doygunluk ve açıklık ya da değer ile tanımlar; bu da bir rengin daha açık veya daha donuk bir sürümünü seçmeyi kolaylaştırır. Aynı sRGB renkleri için farklı koordinatlardır, bu yüzden aralarındaki dönüşüm yuvarlama dışında kesindir.
CMYK farklıdır: mürekkebi tanımlar ve gerçek dönüşüm baskı sürecine bağlıdır. Gösterilen değer, basit formüldür (siyah, en parlak kanalın 1'den çıkarılmasıdır ve diğer mürekkepler geri kalanı tamamlar); kaba işler için kullanışlıdır ancak bir baskı profilinin yerini tutmaz.
Kontrast denetleyici, erişilebilirlik denetimlerinde ve tarayıcı geliştirici araçlarında kullanılan WCAG 2 kontrast formülünü uygular. Yalnızca parlaklık kontrastını ölçer; bu nedenle kırmızı üzerine yeşil gibi renk körlüğü çiftleri hakkında bilgi veremez ve çok ince ya da küçük yazı tipleri asgari değerden daha fazla kontrast gerektirebilir.
İpuçları
- Bir fotoğraftaki veya ekran görüntüsündeki pikselin rengine mi ihtiyacınız var? Resimden renk seç aracını kullanın.
- Marka renklerinde QR kod mu yapıyorsunuz? QR kod oluşturucu, kontrast taranamayacak kadar düşükse uyarır.
- Renk olmayan onaltılık sayıları mı çeviriyorsunuz? Sayı tabanı dönüştürücü aracını deneyin.
Sık sorulan sorular
CMYK değeri baskı için doğru mu?
Yalnızca kabaca. Buradaki CMYK, ekran RGB'sini renk profili olmadan dönüştüren basit formüldür ve çoğu çevrimiçi dönüştürücü bunu kullanır. Yazıcılar, bir ICC profiliyle tanımlanan belirli mürekkepler ve kâğıtla çalışır; bu yüzden baskı işleri için tasarım yazılımında yazıcınızın verdiği profille dönüştürün.
Kontrast oranı nasıl hesaplanıyor?
WCAG 2 formülüyle: her rengin bağıl parlaklığı sRGB değerlerinden hesaplanır ve oran (açık + 0,05) bölü (koyu + 0,05) olur. Oran 1:1 (kontrast yok) ile 21:1 (beyaz üzerine siyah) arasında değişir. Güncel WCAG metni formülde 0,04045 eşiğini kullanır; eski kopyalarda 0,03928 yazıyordu ve bu, her 8 bitlik renk için aynı sonucu verir.
AA ve AAA hangi oranları gerektirir?
Normal metin için AA 4,5:1, AAA 7:1 ister. Büyük metin, yani en az 24 px normal ya da yaklaşık 18,7 px kalın yazı için AA 3:1, AAA 4,5:1 ister. Simgeler, giriş alanı kenarlıkları ve diğer kullanıcı arayüzü parçaları 3:1 ister (WCAG 1.4.11). Oran yukarı yuvarlanmaz: 4,49:1, normal metin için AA'yı geçemez.
Saydam renklerde ne olur?
Kısmen saydam bir yazı rengi önce arka planla karıştırılır, tıpkı bir ekranın gösterdiği gibi, ve karışmış renk ölçülür. Kısmen saydam bir arka plan beyaz üzerinde duruyormuş gibi varsayılır. Kanallar, bir ekranın göstereceği gibi karıştırmadan sonra tam sayıya yuvarlanır.
HSL değerleri geri dönüştürülünce neden hafifçe değişiyor?
Ekran renklerinde kanal başına 256 düzey vardır; bu yüzden çoğu HSL ve HSV değeri bunlardan birine tam oturmaz. Dönüştürücü iç hesaplarda tam duyarlılığı korur ve yalnızca gösterim için yuvarlar: HEX ve RGB tam sayıya, HSL, HSV ve CMYK bir ondalık basamağa.
CSS renk adlarını biliyor mu?
Evet, CSS'teki rebeccapurple ve cornflowerblue gibi 148 adlandırılmış rengin hepsini. Dönüştürmek için bir ad yazın; bir renk bir adla tam eşleştiğinde ad da gösterilir. Bazı renklerin aqua ve cyan gibi iki adı vardır.