Hex renk seçici nasıl kullanılır?
- Sisteminizin renk seçicisini açmak için büyük renk kutusuna tıklayın ya da
#1E90FFgibi bir hex kodu veyatomatogibi bir renk adı yazın. - İhtiyacınız olan formatı kopyalayın: HEX, RGB, HSL, HSV veya CMYK. Hex kodunu kopyalamak için herhangi bir ton ya da renk uyumu örneğine tıklayın.
- Renginiz üzerindeki beyaz veya siyah metnin WCAG AA ya da AAA düzeyini karşılayıp karşılamadığını kontrast kutularından kontrol edin.
Hex renk kodları nasıl çalışır?
#FF6347 gibi bir hex renk kodu üç bayt içerir: kırmızı (FF = 255), yeşil (63 = 99) ve mavi (47 = 71). Her kanal 00 ile FF arasında değer alır; bu da 256 × 256 × 256 = 16.777.216 olası renk demektir. Eşit değerler gri tonları oluşturur – #000000 siyah, #808080 orta gri, #FFFFFF beyazdır – ve değerler yükseldikçe renk açılır.
Açık tonlar, koyu tonlar ve renk uyumları
Açık ton (tint), renginizin beyazla karışımıdır; koyu ton (shade) ise siyahla karışımıdır. Renk seçici ikisini de %10'luk adımlarla gösterir; bu, marka rengiyle uyumlu hover durumları, kenarlıklar ve arka planlar için kullanışlıdır.
Renk uyumları, doygunluğu ve açıklığı koruyarak tonu (hue) renk çarkı üzerinde döndürür:
- Tamamlayıcı (180°) – karşıt renk; güçlü kontrast ve harekete geçirici butonlar için.
- Analog (±30°) – çarktaki komşu renkler; sakin ve tutarlı paletler için.
- Triadik (±120°) – eşit aralıklı üç renk; canlı ama dengeli tasarımlar için.
Renk kontrastı ve WCAG
Web İçeriği Erişilebilirlik Yönergeleri (WCAG), normal metin için en az 4.5:1 (AA düzeyi), AAA düzeyi için ise 7:1 kontrast oranı ister. Büyük metin – 18 pt ya da kalın 14 pt – AA için 3:1 oranına ihtiyaç duyar. Bu oran, metin ve arka plan renklerinin göreli parlaklığını karşılaştırır ve 1:1 (aynı renkler) ile 21:1 (beyaz üzerinde siyah) arasında değişir.
Sıkça sorulan sorular
Hex renk kodu nedir?
Hex renk kodu, bir rengi altı onaltılık basamakla tanımlar: ikisi kırmızı, ikisi yeşil, ikisi de mavi içindir; örneğin #FF6347 (tomato). CSS, HTML, tasarım araçları ve görsel düzenleyicilerin tümü bu kodları tanır.
Bir hex kodu kaç rengi temsil edebilir?
256 × 256 × 256 = 16.777.216 renk. Ek bir alfa çiftiyle (#RRGGBBAA) bu renklerin her biri 256 farklı saydamlık düzeyine de sahip olabilir.
Hangi CSS renk adları destekleniyor?
CSS Color Module'deki 148 adlandırılmış rengin tümü: aliceblue ile yellowgreen arasındaki tüm renkler, rebeccapurple dahil. Hex alanına bir ad yazın ya da aracın altındaki listeyi filtreleyip seçmek istediğiniz renge tıklayın.