Web Geliştirme
Color Converter
HEX, RGB, HSL, HSV/HSB ve CMYK arasında renk dönüştürme — herhangi bir alana değer girin, diğerleri anında güncellenecektir.
The same color can be written differently depending on context: HEX and RGB are convenient for code, HSL is intuitive for picking a hue and lightness, and CMYK is for print. This tool converts between all of them at once.
How to use it
- Enter a value in any field (HEX, RGB, HSL, HSV/HSB, or CMYK) — every other format updates instantly.
- The "random color" button generates a random hue for quickly browsing a palette.
- Copy the format you need with one click to paste into CSS or a graphics editor.
Which format to use when
- HEX — a compact notation for CSS and design systems (#4453b8).
- RGB — when you need transparency via rgba() or programmatic access to individual color channels.
- HSL — the easiest for manual tuning: lighten or darken a color by changing just one value.
- CMYK — for materials headed to print, where colors mix subtractively, unlike the additive RGB used on screens.
Things to keep in mind
CMYK on screen is only an approximation — the exact printed color depends on the printer, paper, and color profile used.
Conversion between color spaces isn't always exact for extreme, highly saturated colors, due to differences in gamut coverage between models.
Bu araç hakkında makale: HEX, RGB, HSL: bir rengi yazmanın neden bu kadar çok yolu var
Sıkça sorulan sorular
Dönüştürücü alfa (saydamlık) kanalını nasıl ele alır?
Alfa, HEX (#RRGGBBAA), RGBA ve HSLA'da desteklenir — girdiğiniz her şey saydamlığı destekleyen diğer biçimlere aktarılır, CMYK gibi alfa kanalı olmayan biçimler ise onu basitçe yok sayar.
CMYK'ya dönüştürüp HEX'e geri döndükten sonra değer neden hafifçe kayıyor?
CMYK, RGB'ye ve RGB'den dönüştürmek için tek bir sabit formülü olmayan baskı odaklı bir modeldir, bu yüzden gidiş-dönüş bir veya iki birimlik yuvarlama hatasıyla değerleri kaydırabilir; görsel olarak renk pratik olarak aynı kalır.
Renk verilerim bir yere gönderiliyor mu?
Hayır, her dönüştürme JavaScript ile tamamen tarayıcınızda yerel olarak gerçekleşir — hiçbir şey sunucuya yüklenmez.
OKLCH, HSL'den nasıl farklıdır?
OKLCH bir rengi parlaklık (L), kroma (C) ve ton (H) üzerinden tanımlar, ancak HSL'nin aksine insan gözünün parlaklığı gerçekte nasıl algıladığını dikkate alır — OKLCH'de L'yi değiştirmek rengin algılanan doygunluğunu bozmaz, bu yüzden tonlar arası geçişler daha tutarlı görünür.
Bir rengin "gamut dışında" (out of gamut) olması ne anlama gelir?
OKLCH veya Display P3 gibi geniş renk uzaylarındaki bazı renkler, yalnızca sRGB destekleyen ekranlarda fiziksel olarak yeniden üretilemez — tarayıcı bu durumda desteklenen gam içindeki en yakın kullanılabilir rengi kullanır.