HEX · RGB · HSL · HSV · CMYK

RGB–HEX renk dönüştürücü ve kontrast denetimi

HEX, RGB, HSL, HSV ve CMYK renklerini dönüştürün, saydamlığı ayarlayın, WCAG kontrastını denetleyin ve hazır CSS kodunu kopyalayın.

HEX · RGB · HSL · HSV · CMYK · WCAG

RGB–HEX renk ve kontrast stüdyosu

HEX, RGB, HSL, HSV ve CMYK renklerini dönüştürün, saydamlığı ayarlayın, WCAG kontrastını denetleyin ve hazır CSS kodunu kopyalayın.

Geçerli renk

#FF6347
En yakın yaygın CSS rengi: tomato

RGBA kanalları

Renk modelleri

HSL

HSV

CMYK

Renk biçimleri

Canlı arayüz önizlemesi

Açık

Düğme önizlemesi

Bu metin seçilen renklerin okunabilirliğini gösterir.

Koyu

Düğme önizlemesi

Bu metin seçilen renklerin okunabilirliğini gösterir.

Erişilebilirlik ve kontrast

2.95:1
En iyi metin rengi: #000000

Bu metin seçilen renklerin okunabilirliğini gösterir.

Renk uyumları

Son renkler

Renk ayrıntıları

Göreli parlaklık0.00
Algılanan parlaklık0%
En yakın yaygın CSS rengitomato

Ekran ve baskı renkleri farklı olabilir; bu stüdyo sRGB ile çalışır.

RGB değerleri HEX'e nasıl dönüştürülür?

0 ile 255 arasındaki her kanal iki basamaklı onaltılık bir çifte dönüşür; kırmızı, yeşil ve mavi #RRGGBB'yi oluşturur.

Alfa değeri ne anlama gelir?

Alfa, tamamen saydamdan tamamen opak duruma kadar opaklığı belirler. Sekiz basamaklı HEX'te son çiftte saklanır.

Erişilebilirliği denetleyin

WCAG sonuçları metin etiketleriyle gösterilir. Normal metinde AA için 4,5:1, büyük metinde 3:1 gerekir.

Formüller

HEX = #RR GG BB [AA]q = ⌊x ÷ 16⌋ · r = x − 16q255 = 16 × 15 + 15 → FFKontrast oranı = (Lₘₐₓ + 0.05) ÷ (Lₘᵢₙ + 0.05)
W3C · HEX · Alfa ileW3C · WCAG · Kontrast oranıRenkler ve geçmiş tarayıcınızda kalır.

RGB–HEX dönüştürücü SSS

RGB değerleri HEX'e nasıl dönüştürülür?

0 ile 255 arasındaki her kanal iki basamaklı onaltılık bir çifte dönüşür; kırmızı, yeşil ve mavi #RRGGBB'yi oluşturur.

Alfa değeri ne anlama gelir?

Alfa, tamamen saydamdan tamamen opak duruma kadar opaklığı belirler. Sekiz basamaklı HEX'te son çiftte saklanır.

Paleti nasıl erişilebilir yaparım?

Metin ve arka plan kontrastını kontrol edin, yalnız renge dayanmayın ve etkileşim durumlarını da test edin.

Baskı rengi neden ekrandakinden farklı olabilir?

Ekranlar RGB ışığı yayar, yazıcılar mürekkep karıştırır; kâğıt, profiller ve kalibrasyon sonucu etkiler.