Hex Renk Seçici ve Dönüştürücü (RGB, HSL, HSV, CMYK, OKLCH)
Herhangi bir rengi HEX, RGB, HSL, HSV, CMYK ve OKLCH'ye dönüştürün, kontrastı kontrol edin, armoni örneklerini kopyalayın ve CSS veya JSON dışa aktarın—doğrudan tarayıcınızda.
Hex (#RGB, #RRGGBB, #RRGGBBAA), rgb()/rgba(), hsl()/hsla(), hsv(), cmyk(), oklch() veya bir CSS renk adı girin. Geçersiz değerler son geçerli dönüşümü korur.
En yakın CSS adı: royalblue
Dönüşümler
Beyaz arka planda
3.68:1
WCAG AA geçer (yalnızca büyük metin)
Siyah arka planda
5.71:1
WCAG AA geçer (normal metin)
Renk örneklerini dışa aktar
Herhangi bir renk biçimini seçin veya yapıştırın, HEX, RGB, HSL, HSV, CMYK ve OKLCH'ye dönüştürün, WCAG kontrastını kontrol edin, armoni örnekleri oluşturun, değerleri kopyalayın ve CSS veya JSON dışa aktarın. Ücretsiz, hızlı ve tamamen tarayıcınızda çalışır.
Bu renk seçici nasıl kullanılır?
Desteklenen herhangi bir renk biçimini yazın veya yapıştırın, opaklığı ayarlayın veya yerel seçiciyi kullanın. Sayfa anında HEX, RGB, HSL, HSV, CMYK ve OKLCH'ye dönüştürür, beyaz ve siyah üzerinde WCAG kontrastını gösterir, armoni örnekleri ve renk tonu/gölge şeridi oluşturur ve her şeyi kopyalamaya hazır tutar. Kurulumunuzu URL ile paylaşın—durum sorgu dizesinde saklanır.
HEX, RGB, HSL, HSV, CMYK ve OKLCH referansı
Hex kompakt bir RGB kodlamasıdır. RGB kırmızı/yeşil/mavi kanalları tanımlar. HSL renk tonu, doygunluk ve açıklığı ifade eder; HSV renk tonu, doygunluk ve değeri (parlaklık) kullanır. CMYK baskı mürekkebi yüzdelerini modeller. OKLCH algısal olarak düzgün bir CSS renk uzayıdır. Bu araç tarayıcınızda deterministik hesaplama kullanır; yükleme veya harici API yoktur.
Tamamlayıcı, benzer, üçlü, bölünmüş tamamlayıcı, dörtlü ve tek renkli
Tamamlayıcı renk tonunu 180° döndürür. Benzer, taban etrafında sabit açılarla ilerler. Üçlü 120° kaydırmaları kullanır. Bölünmüş tamamlayıcı tamamlayıcıya yakın iki ton ekler. Dörtlü 90° dikdörtgen kaydırmaları kullanır. Tek renkli tonu korur ve açıklığı değiştirir. Sayım kontrolleri benzer ve tek renkli modlara uygulanır.
CSS değişkenleri ve JSON dışa aktarımı
Dışa aktarım sabit adlara sahip :root özel özellikleri (örneğin --color-base, --color-analogous-1) ve baseHex, alpha, namedColor, armoni modu, kontrast oranları ve betikler veya tasarım belirteçleri için örnek listeleri içeren JSON üretir.
WCAG kontrast denetleyicisi
Kontrast oranı WCAG 2.x'e göre göreli parlaklıktan hesaplanır. AA normal metin için 4,5:1 ve büyük metin için 3:1 gerektirir; AAA 7:1 gerektirir. Açık veya koyu arka planlarda metin veya arayüz renkleri seçerken önizlemeleri kullanın.
Sıkça Sorulan Sorular
Hangi renk biçimlerini girebilirim?
Hex (#RGB, #RRGGBB, #RRGGBBAA), rgb()/rgba(), hsl()/hsla(), hsv(), cmyk(), oklch() ve cornflowerblue veya rebeccapurple gibi tüm standart CSS adlandırılmış renkler.
#ABC altı haneye genişliyor mu?
Evet. Üç basamaklı hex basamak çifti başına genişletilir, böylece #ABC #AABBCC olur.
Rengim geçersizse ne olur?
Satır içi bir hata görürsünüz. Son geçerli renk, tekrar geçerli bir değer girene kadar dönüşüm satırlarında, seçicide ve dışa aktarmalarda kalır.
WCAG kontrast denetleyicisi nasıl çalışır?
Göreli parlaklık kullanarak renginiz ile saf beyaz veya siyah arasındaki kontrast oranını hesaplar. Sonuçlar, rengin normal veya büyük metin için AA veya AAA eşiklerini karşılayıp karşılamadığını gösterir.
Armoni renkleri nasıl hesaplanır?
Deterministiktir: tamamlayıcı 180° renk tonu kaymasıdır; benzer sabit renk tonu adımları kullanır; üçlü 120° kaydırmalar; bölünmüş tamamlayıcı tamamlayıcıya yakın tonlar; dörtlü 90° dikdörtgen kaydırmalar; tek renkli tabandan ton ve doygunluğu koruyarak açıklığı değiştirir.
JSON dışa aktarımında neler var?
Kararlı anahtarlar: baseHex, alpha, namedColor, harmony, uygun olduğunda harmonyCount, harmonySwatches, tintShadeStrip, stripCount ve kontrast oranları—araçlar veya belgeleme için uygundur.
Renklerimi paylaşabilir miyim?
Evet. URL hex, alpha, armoni modu, sayılar ve şerit boyutuyla güncellenir, böylece tam bir kurulumu yer imlerine ekleyebilir veya paylaşabilirsiniz.