Renkleri HEX, RGB, HSL ve Diğer Biçimler Arasında Dönüştürme
Bir rengi HEX, RGB, HSL, CMYK ve diğer biçimler arasında dönüştürün, hangi dönüşümlerin tam olduğunu görün ve hangi biçimi nerede kullanacağınızı öğrenin.
2 dk okuma
Bir rengi dönüştürmek için renk dönüştürücüye yapıştırın. Hedef bölümünden istediğiniz biçimi seçin ve sonucu kopyalayın. Araç, giriş biçimini otomatik olarak algılar; bu nedenle #ff6600, rgb(255, 102, 0), orangered ve hatta 255, 102, 0 değerleri de çalışır. Siz yazarken sonuç görünür. Sonucun altındaki renk örneği, aracın doğru rengi okuduğunu gösterir.
Aynı rengin dört biçimi
HEX, RGB, HSL ve CMYK aynı rengi yazmanın farklı yollarıdır. İşte turuncu rengin bu dört biçimdeki gösterimi:
| Biçim | Değer | Sayıların anlamı |
|---|---|---|
| HEX | #ff6600 |
Kırmızı, yeşil ve mavi; her biri iki onaltılık basamakla gösterilir |
| RGB | rgb(255, 102, 0) |
0 ile 255 arasında kırmızı, yeşil ve mavi |
| HSL | hsl(24, 100%, 50%) |
Renk çarkındaki ton, doygunluk ve açıklık |
| CMYK | cmyk(0%, 60%, 100%, 0%) |
Camgöbeği, macenta, sarı ve siyah mürekkep |
HEX ve RGB aynı üç sayıyı kullanır, yalnızca farklı biçimde yazar. Aralarındaki dönüşüm tamdır. HSL'yi elle ayarlamak daha kolaydır: açıklık değerini artırın, renk daha açık hale gelir.
CMYK neden farklıdır?
CMYK baskı içindir ve kesin değerler yazıcıya, kağıda ve mürekkebe bağlıdır. Dönüştürücü, yazıcı profili kullanmadan standart formülü uygular; bu nedenle aynı renk için matbaa size biraz farklı değerler verebilir. Taslaklar için CMYK sonucunu kullanın ve gerçek baskıdan önce matbaadan deneme baskısı isteyin.
Hangi biçimi kullanmalı?
- CSS ve HTML: HEX kullanın. Kısadır ve tüm tarayıcılar okuyabilir.
- Renk teması: HSL kullanın. Tek bir sayıyı değiştirerek daha açık veya koyu tonlar elde edebilirsiniz.
- Kodda saydamlık: Alfa değeri olan RGB ya da sekiz basamaklı HEX kullanın.
rgba(37, 99, 235, 0.5),#2563eb80olur; son iki basamak opaklığı belirtir. - Baskı taslakları: CMYK kullanın ve yukarıdaki notu unutmayın.
Renk adları kesin değildir
Dönüştürücü, OKLCH, LAB, HSV, CSS renk adları ve terminal ANSI kodları dahil 17 biçimi destekler. Sonuçtaki renk adı, tam eşleşme değil, en yakın CSS renk adıdır. #ff6600 için orangered sonucu alınır, ancak orangered aslında #ff4500 değeridir. Renk adlarını hızlı etiketler için, marka renklerinde ise kesin değerleri kullanın.
Rengi yapıştırın, renk örneğini kontrol edin ve sonucu kopyalayın. İşlem bundan ibaret.
Kendiniz denemeye hazır mısınız?
Renk Dönüştürücü
Renkleri HEX, RGB, HSL, HSV, HWB, CMYK, LAB, LCH, OKLab, OKLCH, XYZ, CSS renk adları, ANSI terminal kodları ve daha fazlası arasında dönüştürün; biçim otomatik algılanır ve renk canlı önizlenir.