Renk kontrastı denetleyici
WCAG 2.2 kontrastını canlı önizlemeyle ölçün, normal ve büyük metin için AA ve AAA sonuçlarını görün.
Renk dönüştürücü
Saydamlıkla birlikte HEX, RGB ve HSL dönüştürün, renk örneğini görün ve CSS değerlerini kopyalayın.
HEX, RGB veya HSL değerini düzenleyin. Diğer biçimler ve önizleme birlikte güncellenir.
Araç hakkında
Tasarım rengini elinizdeki gösterimden CSS biçimine taşıyın. sRGB işlenir; CMYK ve baskı özel renkleri dönüştürülmez.
Nasıl kullanılır
Rengi yazın veya seçiciyi kullanın, sonra opaklığı ayarlayın. 3, 4, 6 ve 8 haneli HEX ile alfa içeren RGB/HSL desteklenir. RGB kanalları 0–255 veya yüzde, HSL doygunluk ve açıklığı yüzde kullanır. Aralık dışındaki değerler reddedilir. CMYK ve geniş gamut renk uzayları dönüştürülmez.
HEX, RGB ve HSL için ayrı düzenlenebilir alanlar vardır. Birini değiştirmek diğerlerini günceller; etkin alanın metni ve imleci korunur. Eksik veya geçersiz giriş işaretlenir; düzeltilene kadar kopyalama kapalıdır.
Sık sorulan sorular
Sekiz haneli HEX içinde alfa nereye yazılır?
CSS #RRGGBBAA sırasını kullanır; son iki hane alfadır. Bu, bazı programların ARGB sırasından farklıdır. RGB ve HSL de şeffaflık içerebilir.
Hangi CSS renk yazımlarını girebilirim?
rgb(255 0 0 / 50%) ve hsl(0 100% 50%) gibi modern biçimler desteklenir. Virgüllü eski biçimler de kullanılabilir; ancak virgül ve eğik çizgi sözdizimlerini karıştırmayın. Renk adları ve CMYK desteklenmez.
Yüzde 50 saydamlık HEX’e çevrilince neden tam aynı görünmüyor?
HEX alfa kanalı yalnızca 256 değer kullanır. 0,5 değeri 80 olarak yuvarlanır; bunun tam karşılığı 128/255’tir. Ondalık alfa değerini korumak istiyorsanız sekiz basamaklı HEX yerine RGB veya HSL çıktısını kullanın.
İlgili araçlar
Yeni sekmede açılır
Yorumlar
0