Renk Dönüştürücü
HEX, RGB, HSL, HWB ve CMYK arasında saydamlık desteği ve canlı önizlemeyle renkleri dönüştürün.
Nasıl Çalışır
Renk dönüştürücü, standart matematiksel formüller kullanarak renk değerlerini HEX, RGB, HSL ve HSV formatları arasında dönüştürür — yuvarlama veya yaklaşım olmadan.
Desteklenen formatlardan herhangi birinde bir renk girin: onaltılık (#RRGGBB), RGB (örn. rgb(255, 128, 0)), HSL (örn. hsl(30, 100%, 50%)) veya HSV. Hesaplayıcı aynı anda diğer tüm temsilleri otomatik olarak hesaplar.
Değerleri manuel olarak yazmak yerine görsel olarak seçmek için renk seçiciyi kullanın.
HEX formatı CSS ve HTML’de en yaygın kullanılır. RGB programatik manipülasyon için en kullanışlıdır. HSL, ton, doygunluk ve parlaklığı ayarlarken sezgiseldir.
Uygulamalı Örnek
#1E90FF girin: araç rgb(30, 144, 255) ve hsl(210, 100%, 56%) bildirir, bunu adlandırılmış CSS rengi dodgerblue olarak tanır ve WCAG göreli parlaklığını gösterir. Uyum bölümü tamamlayıcı, benzer, üçlü ve ayrık tamamlayıcı ortaklarını üretir — keşfe devam etmek için herhangi bir örneğe tıklayıp yükleyin. Ters yol da aynı sıklıktadır: bir tasarım aracından rgb(30, 144, 255) yapıştırın ve stil sayfanız için onaltılığı kopyalayın; değeri ayarlarken tüm biçimler eşzamanlı kalır.
Kullanım Alanları
- Araçlar arasında tasarım renklerini eşleştirme
- Marka renk paletini dönüştürme
- CSS renk varyantları oluşturma
- Renk modellerini anlama
- Farklı ortamlar için renk değerlerini dışa aktarma
Sıkça Sorulan Sorular
- HSL→HEX→HSL neden tam olarak aynı değerleri döndürmeyebilir?
- Renk uzayları arasında dönüştürülürken belirli bir yuvarlama kaçınılmazdır — fark görsel olarak önemsizdir.
- Alfa kanalı/şeffaflığı destekliyor mu?
- Mevcut sürüm tam opak renkleri işler. Alfa (RGBA/HSLA) planlanmaktadır.
- CSS için hangi formatı seçmeliyim?
- Tam web renkleri için HEX veya rgb(); parlaklığı/doygunluğu programatik olarak ayarlamanız gerektiğinde hsl().
- Değerleri tek tıklamayla kopyalayabilir miyim?
- Evet — her çıktı alanında bir Kopyala düğmesi bulunur.
- Dönüştürücü adlandırılmış CSS renklerini işliyor mu?
- Doğrudan değil — adlandırılmış rengin HEX eşdeğerini girin.