HEX · RGB · HSL · HSV · CMYK
Renk dönüştürücü
#0060fd rengi rgb(0, 96, 253), hsl(217, 100%, 50%) ve cmyk(100%, 62%, 0%, 1%) eder. Herhangi bir CSS rengi yaz ya da seçiciyi kullanıp kendi rengini dönüştür.
- #0060fd = rgb(0, 96, 253)
- #0060fd = hsl(217, 100%, 50%)
- #0060fd = cmyk(100%, 62%, 0%, 1%)
- red = #ff0000
Kutucuklar yazdıkça güncellenir. Yazılan metin bir renk değilse hata görünür ve son geçerli renk ekranda kalır.
Scanned by 
NortonTM Safe Web
Bir bakışta
- Fiyat
- Ücret yok
- Hesap
- Gerekmez
- Yükleme
- Geçerli değil — bir renk yazarsın, hiçbir şey bir yere gönderilmez
- Girdi
- HEX (3, 4, 6 veya 8 hane), rgb(), hsl(), hwb(), 148 CSS renk adı ve transparent
- Çıktı
- HEX, RGB, HSL, HSV, CMYK ve en yakın CSS renk adı
- CMYK
- Matematiksel dönüştürme, baskı profili değil
Her modelde sık kullanılan renkler
Bu satırlar dönüştürücüyle aynı kodla üretildi. HSL, HSV ve CMYK tam sayıya yuvarlanır.
| Yazılan | HEX | RGB | HSL | HSV | CMYK |
|---|---|---|---|---|---|
| #0060fd | #0060fd | rgb(0, 96, 253) | hsl(217, 100%, 50%) | hsv(217, 100%, 99%) | cmyk(100%, 62%, 0%, 1%) |
| red | #ff0000 | rgb(255, 0, 0) | hsl(0, 100%, 50%) | hsv(0, 100%, 100%) | cmyk(0%, 100%, 100%, 0%) |
| white | #ffffff | rgb(255, 255, 255) | hsl(0, 0%, 100%) | hsv(0, 0%, 100%) | cmyk(0%, 0%, 0%, 0%) |
| black | #000000 | rgb(0, 0, 0) | hsl(0, 0%, 0%) | hsv(0, 0%, 0%) | cmyk(0%, 0%, 0%, 100%) |
| grey | #808080 | rgb(128, 128, 128) | hsl(0, 0%, 50%) | hsv(0, 0%, 50%) | cmyk(0%, 0%, 0%, 50%) |
| transparent | #00000000 | rgba(0, 0, 0, 0) | hsla(0, 0%, 0%, 0) | hsv(0, 0%, 0%) | cmyk(0%, 0%, 0%, 100%) |
Renk nasıl dönüştürülür
Bir renk gir
3, 4, 6 veya 8 haneli bir HEX kodu, bir rgb(), hsl() veya hwb() değeri ya da 148 CSS renk adından birini yaz. Renk kutusuna tıklayıp tarayıcının seçicisiyle de bir renk seçebilirsin.
Diğer modelleri oku
Örnek kutusu rengi dama deseninin üzerinde gösterir; böylece saydamlık görünür. Kutucuklar aynı rengi HEX, RGB, HSL, HSV ve CMYK olarak ve en yakın CSS renk adıyla gösterir.
İhtiyacın olanı kopyala
Bir kutucuktaki Kopyala düğmesine basarak o değeri panoya al; bir stil sayfasına, tasarım aracına ya da belgeye yapıştırmaya hazır olur.
Renk modelleri birbiriyle nasıl ilişkilidir
RGB, bir rengi ekranın birbirine eklediği kırmızı, yeşil ve mavi ışık miktarları olarak tanımlar; her biri 0 ile 255 arasındadır. #0060fd, 0 kırmızı, 96 yeşil ve 253 mavidir. HEX, aynı üç sayının 16'lık tabanda yazılmış hâlidir; yani 96, 60 ve 253, fd olur. HSL ve HSV aynı rengi renk çemberinde 0 ile 360 derece arasında bir ton açısı ve iki yüzdeyle tanımlar: doygunluk ve parlaklık (HSL) ya da değer (HSV). #0060fd her ikisinde de 217 tonuna sahiptir. CMYK mürekkebi tanımlar: camgöbeği, eflatun, sarı ve siyah beyaz kâğıttan çıkarılır.
Burada gösterilen CMYK sade matematiksel dönüştürmedir: siyah, R, G ve B'nin en büyüğünün 1'den çıkarılmasıyla bulunur; camgöbeği, eflatun ve sarı geri kalandır. Bu bir baskı profili değildir; bu yüzden ICC profili kullanan bir yazıcı ya da tasarım programı aynı renk için farklı CMYK sayıları verir. HSL değerleri tam sayı olarak gösterilir; bu yüzden yuvarlanmış bir değeri geri çevirmek bir kanalı birkaç birim kaydırabilir: hsl(217, 100%, 50%), #0060fd değil #0062ff'tir. En yakın CSS adı, L*a*b* uzayında en küçük CIE76 renk farkına sahip anahtar sözcüktür. Her şey tarayıcında çalışır ve hiçbir şey bir yere gönderilmez.
Renk dönüştürücü soruları
HEX'i RGB'ye nasıl çeviririm?
Altı haneyi üç çifte ayır ve her çifti 16'lık tabanda bir sayı olarak oku. #0060fd, 00, 60 ve fd'dir; bunlar 0, 96 ve 253 eder, yani renk rgb(0, 96, 253)'tür. HEX kodunu alana yapıştır, RGB kutucuğu sonucu gösterir.
8 haneli bir HEX kodunun son iki hanesi ne anlama gelir?
Bunlar alfa kanalıdır, yani opaklık; 00 (tamamen saydam) ile ff (tamamen opak) arasındadır. #0060fd80, aynı mavinin 255 üzerinden 128'idir; bu yaklaşık %50.2 opaklıktır ve rgba(0, 96, 253, 0.502) olarak gösterilir. #06f8 gibi 4 haneli bir kod, her hanenin ikiye katlanmasıyla aynı şekilde çalışır.
HSL ile HSV arasındaki fark nedir?
İkisi de ton ve doygunluk kullanır, ancak üçüncü değer farklıdır. HSL'de %50 parlaklık saf renktir, %0 siyah, %100 beyazdır. HSV'de %100 değer, rengin en parlak hâlidir ve beyaz için %0 doygunluk gerekir. Aynı mavi hsl(217, 100%, 50%) ve hsv(217, 100%, 99%) olarak yazılır.
CMYK sonucunu baskı için kullanabilir miyim?
Yalnızca başlangıç noktası olarak kullan. Bu sayfa RGB ile CMYK arasında sade formülü kullanır; mürekkepten, kâğıttan ya da yazıcı profilinden haberi yoktur. Bir matbaa veya renk profilli bir tasarım programı aynı RGB rengini farklı CMYK sayılarına dönüştürür.
Hangi renk biçimlerini yazabilirim?
# ile veya # olmadan 3, 4, 6 ya da 8 haneli HEX; virgül veya boşlukla, sayı veya yüzdeyle ve eğik çizgiden sonra isteğe bağlı alfayla rgb() ve rgba(); deg, rad, grad veya turn cinsinden açıyla hsl(), hsla() ve hwb(); rebeccapurple gibi 148 CSS renk adı; ve transparent.
En yakın renk adı neden tam eşleşme değil?
CSS'te yalnızca 148 renk adı vardır; bu yüzden çoğu rengin kendine ait bir adı yoktur. Sayfa, L*a*b* uzayında CIE76 renk farkıyla ölçülen, rengi en yakın görünen adı seçer; #0060fd için bu mediumslateblue'dur. Renk tam olarak adlandırılmış bir renkse, örneğin #ff0000, sayfa bunun tam eşleşme olduğunu söyler.