Örnek hesap
Sitemizin ana rengi #14213D lacivert: 14, 21 ve 3D onaltılık çiftleri 20, 33 ve 61 eder, yani rgb(20, 33, 61); HSL karşılığı hsl(221, 51%, 16%). Beyaz arka planda kontrast oranı 15,97:1: normal metin için AA geçer, AAA geçer.
Alt yazı grisi #5B6474 (rgb(91, 100, 116)) beyaz üzerinde 5,97:1 kontrast verir; AA geçer, AAA geçmez. Kontrast, iki rengin göreli parlaklığı L ile (Laçık + 0,05) ÷ (Lkoyu + 0,05) formülüyle hesaplanır.
İlgili hesaplamalar
- Güçlü Şifre Oluşturucu — Uzunluk ve karakter seçimiyle rastgele şifre, güç ve kırılma süresi tahmini
- MD5 ve SHA Hash Oluşturucu (SHA-1, SHA-256, SHA-512) — Metin veya dosyanın MD5, SHA-1, SHA-256, SHA-512 özeti; tarayıcıda
- Türkçe Slug Oluşturucu — Türkçe başlıktan SEO uyumlu URL, toplu mod
- Karakter ve Kelime Sayacı — Karakter, kelime, okuma süresi; tweet, meta ve SMS sınırları
- IBAN Doğrulama ve Banka Sorgulama — TR IBAN kontrol hanesi (mod-97), uzunluk ve banka adı; tarayıcıda
Sık sorulan sorular
HEX renk kodu RGB’ye nasıl çevrilir?
HEX kod üç çift onaltılık sayıdan oluşur: ilk çift kırmızı, ikinci yeşil, üçüncü mavi. Her çift 16 tabanından 10 tabanına çevrilir. Örneğin #14213D: 14 → 20, 21 → 33, 3D → 61, yani rgb(20, 33, 61). Üç haneli kısa yazımda (#FA0) her hane ikilenir (#FFAA00).
HSL nedir, ne zaman kullanılır?
HSL rengi ton (hue, 0–360°), doygunluk (saturation, %) ve açıklık (lightness, %) ile tanımlar. Aynı rengin açık ve koyu tonlarını üretmek için yalnızca açıklık değerini değiştirmek yeterli olduğundan tasarım sistemlerinde ve CSS değişkenlerinde pratiktir. #14213D rengi HSL’de hsl(221, 51%, 16%) olarak yazılır.
WCAG kontrast oranı nedir, kaç olmalı?
Kontrast oranı, metin ile arka plan renginin göreli parlaklıkları arasındaki orandır (1:1 ile 21:1 arası). WCAG 2.2’ye göre normal metin için en az 4,5:1 (AA) ve 7:1 (AAA), 18 punto veya 14 punto kalın büyük metin için 3:1 (AA) ve 4,5:1 (AAA) gerekir. Örneğin beyaz üzerinde #767676 grisi 4,54:1 ile AA sınırını ancak geçer.
CSS’te renk kodunu nasıl yazarım?
Üç yazım da geçerlidir ve aynı rengi verir: color: #14213D; color: rgb(20, 33, 61); color: hsl(221, 51%, 16%). Saydamlık için #14213D80 (8 haneli HEX), rgb(20 33 61 / 50%) veya hsl(… / 50%) kullanılabilir; bu araç saydamlığı hesaba katmaz.
Bilgi amaçlıdır. Sonuçlar girdiğiniz değerlerle hesaplanır; önemli kararlarda sonucu ayrıca kontrol edin.