Pengembangan Web
Color Converter
Konversi warna antara HEX, RGB, HSL, HSV/HSB, dan CMYK — masukkan nilai di kolom mana pun, sisanya akan diperbarui secara instan.
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.
Artikel tentang alat ini: HEX, RGB, HSL: mengapa ada begitu banyak cara menuliskan warna
Pertanyaan yang sering diajukan
Bagaimana konverter menangani saluran alfa (transparansi)?
Alfa didukung dalam HEX (#RRGGBBAA), RGBA, dan HSLA — apa pun yang Anda masukkan terbawa ke format lain yang mendukung transparansi, sementara format tanpa saluran alfa, seperti CMYK biasa, cukup mengabaikannya.
Mengapa nilai sedikit bergeser setelah dikonversi ke CMYK dan kembali ke HEX?
CMYK adalah model berorientasi cetak tanpa satu rumus tetap untuk konversi ke dan dari RGB, jadi perjalanan pulang-pergi bisa menggeser nilai dengan kesalahan pembulatan satu atau dua unit; secara visual warna tetap efektif sama.
Apakah data warna saya dikirim ke suatu tempat?
Tidak, setiap konversi terjadi secara lokal di browser Anda dengan JavaScript — tidak ada yang diunggah ke server.
Apa perbedaan OKLCH dengan HSL?
OKLCH menjelaskan warna melalui kecerahan (L), chroma (C), dan corak (H), tetapi berbeda dari HSL, ia memperhitungkan bagaimana mata manusia sebenarnya mempersepsikan kecerahan — mengubah L pada OKLCH tidak mendistorsi saturasi warna yang dipersepsikan, sehingga transisi antar corak tampak lebih merata.
Apa artinya warna berada "di luar gamut" (out of gamut)?
Beberapa warna dalam ruang warna luas seperti OKLCH atau Display P3 secara fisik tidak bisa direproduksi pada layar yang hanya mendukung sRGB — browser kemudian menggantinya dengan warna terdekat yang tersedia dalam gamut yang didukung.