Pemilih Warna
Pilih warna; lihat HEX, RGB, RGBA, HSL, HSLA, HSV, dan CMYK secara instan. Atur opasitas dan salin nilai yang kamu butuhkan.
Dibuat oleh JXXR1 · ♥ Jadi sponsor · ☕ Belikan saya kopi
Untuk apa ini?
Pilih warna — atau tempel nilai HEX / rgb() / hsl() apa pun — dan lihat instan dalam tiap notasi umum: HEX (3 dan 8 digit dengan alpha), RGB(A), HSL(A), HSV, dan CMYK. Berguna saat kamu punya nilai di satu space dan butuh di space lain, saat menyesuaikan warna brand antara CSS / tool desain / cetak, atau saat menyesuaikan opasitas tanpa harus melihat hasil dengan mata.
Kapan memakai tiap space
- HEX / RGB — CSS, tool desain, template email. Universal didukung.
- HSL — palet mudah dibaca. Tweak hue, saturation, atau lightness secara independen tanpa warna bergeser di sumbu lain.
- HSV — software desain (Photoshop, Figma) untuk shading; cocok dengan cara sebagian besar color picker memikirkan "warna ini, lebih terang".
- CMYK — output siap cetak. Hanya pendekatan: layar adalah RGB dan tiap printer tidak berbagi satu profil warna.
Kesalahan umum
- Encoding alpha berbeda per space. CSS mendukung
rgba(),hsla(), dan HEX 8-digit (#RRGGBBAA). Template email lama dan beberapa tool desain tidak mengenal#RRGGBBAA— fallback kergba(). - HSL hue dalam derajat. 0 = merah, 120 = hijau, 240 = biru. CSS juga menerima
turn,rad,gradtapi output di sini dalam derajat. - Konversi CMYK itu naif. Cetak sungguhan butuh profil ICC (sRGB → CMYK dengan rendering intent). Output tool ini cocok untuk mockup brand deck, bukan file siap cetak.
- OKLCH dan OKLAB (space modern yang seragam perseptual) tidak ditampilkan di sini — masih baru dan belum didukung luas. Tetap pakai HSL/HSV untuk tooling design system saat ini.