ZentaKit - Çevrimiçi Geliştirici AraçlarıZentaKitzentakit.com

HEX Renk Seçici

HEX seçici, RGB/HSL dönüşümü, CSS kopyala. Siyah ve beyaza göre WCAG kontrast oranı.

Renk

RGB

HSL

158.1° · 64.4% · 51.6%

hsl(158.1, 64.4%, 51.6%)

WCAG kontrast (göreli parlaklık)

Beyaz üzerinde
1.92:1
Siyah üzerinde
10.92:1

AA için metin genelde en az 4.5:1; büyük metin için 3:1 eşiği sık kullanılır.

Nasıl kullanılır?

Renk seçiciyi sürükleyin veya #RRGGBB (isteğe bağlı #RGB kısaltması) yazın. RGB (0–255) ve HSL (0–360 ton, 0–100% doygunluk/açıklık) alanları birbirine bağlıdır; birini değiştirdiğinizde diğerleri güncellenir.

CSS kopyala, `color: #...;` veya arka plan için uygun tek satırlık bildirimi panoya alır.

Kontrast satırları, seçilen rengin beyaz (#fff) ve siyah (#000) üzerindeki WCAG 2.x göreli parlaklık oranını gösterir; metin/arka plan çiftleri için 4.5:1 (AA gövde) veya 7:1 (AAA) hedeflerine bakın.

HEX Renk Seçici — Online HEX ↔ RGB ↔ HSL ve Kontrast (Ücretsiz) | ZentaKit