Konverter Warna

Konversi warna antara format yang berbeda seperti HEX, RGB, HSL, CMYK. Mendukung pemilihan warna, pembuatan palet, dan analisis skema warna.

Pemilih Warna

Gunakan pemilih warna untuk memilih warna

Format Warna

Warna saat ini dalam berbagai format representasi

#
rgb(,,)
hsl(,%,%)
hsv(,%,%)
cmyk(%,%,%,%)
oklch(%%)

Penjelasan Format Warna

Pelajari karakteristik dan kasus penggunaan berbagai format warna

HEX Heksadesimal

Menggunakan 6 digit heksadesimal untuk merepresentasikan warna, seperti #FF5733. Ini adalah format warna yang paling umum digunakan dalam pengembangan web, dengan kompatibilitas terbaik, cocok untuk digunakan dalam CSS dan HTML.

Format:#RRGGBB
Rentang:00-FF (0-255)
Keuntungan:Ringkas, kompatibilitas baik
Kekurangan:Tidak intuitif

RGB Merah Hijau Biru

Menggunakan nilai numerik dari saluran warna merah, hijau, dan biru untuk merepresentasikan warna, seperti rgb(255, 87, 51). Format ini intuitif dan mudah dipahami, cocok untuk desainer dan pengembang untuk memahami komposisi warna.

Format:rgb(R, G, B)
Rentang:0-255
Keuntungan:Intuitif, mudah dipahami
Kekurangan:Tidak merepresentasikan kecerahan secara intuitif

HSL Rona Saturasi Kecerahan

Menggunakan tiga atribut rona, saturasi, dan kecerahan untuk merepresentasikan warna, seperti hsl(12, 100%, 60%). Format ini lebih dekat dengan cara manusia mempersepsikan warna, memudahkan penyesuaian kecerahan dan kecemerlangan warna.

Format:hsl(H, S%, L%)
Rentang:H: 0-360°, S/L: 0-100%
Keuntungan:Intuitif, mudah disesuaikan
Kekurangan:Tidak merepresentasikan kecerahan secara intuitif

HSV Rona Saturasi Nilai

Menggunakan tiga atribut rona, saturasi, dan nilai untuk merepresentasikan warna, seperti hsv(12, 100%, 100%). Format ini umumnya digunakan dalam perangkat lunak grafis, di mana parameter nilai merepresentasikan kecerahan warna secara lebih intuitif.

Format:hsv(H, S%, V%)
Rentang:H: 0-360°, S/V: 0-100%
Keuntungan:Nilai intuitif, mudah disesuaikan
Kekurangan:Dukungan terbatas di browser web

CMYK Cyan Magenta Kuning Hitam

Menggunakan empat saluran warna cyan, magenta, kuning, dan hitam untuk merepresentasikan warna, seperti cmyk(0%, 66%, 80%, 0%). Ini adalah format standar dalam industri percetakan, cocok untuk karya desain yang perlu dicetak.

Format:cmyk(C%, M%, Y%, K%)
Rentang:0-100%
Keuntungan:Standar percetakan, profesional
Kekurangan:Tampilan tidak akurat di web

OKLCH Ruang Warna Persepsi

Menggunakan tiga atribut kecerahan persepsi, kroma, dan rona untuk merepresentasikan warna, seperti oklch(60% 50% 12). Ini adalah ruang warna modern yang lebih sesuai dengan persepsi mata manusia, mendukung rentang warna yang lebih luas, dan cocok untuk perangkat tampilan modern.

Format:oklch(L% C% H)
Rentang:L: 0-100%, C: 0-150, H: 0-360°
Keuntungan:Persepsi akurat, rentang luas
Kekurangan:Kompatibilitas terbatas

Saran Penggunaan

  • Pengembangan Web: Prioritaskan format HEX dan RGB untuk kompatibilitas terbaik
  • Penyesuaian Desain: Gunakan format HSL untuk penyesuaian rona dan saturasi yang mudah
  • Percetakan Profesional: Gunakan format CMYK untuk memastikan kualitas cetak
  • Aplikasi Modern: Pertimbangkan menggunakan format OKLCH untuk kinerja warna yang lebih baik
  • Pemilihan Warna: Gunakan slider HSV untuk pemilihan warna yang intuitif