🎨 Konverter Warna — HEX, RGB, dan HSL

🎯 Palet Warna

🕐 Warna Terkini

Konversi Instan

Konversi antara format HEX, RGB, dan HSL secara real-time. Masukkan format apa pun dan dapatkan dua format lainnya secara instan.

Pemilih Visual

Pemilih warna bawaan untuk pemilihan warna intuitif dengan contoh pratinjau langsung yang besar.

Palet Warna

Menghasilkan skema warna komplementer, analog, triadik, dan komplementer terpisah secara otomatis.

Salin Sekali Klik

Salin format warna apa pun ke clipboard Anda dengan satu klik. Cepat dan mudah digunakan.

Sejarah Warna

Secara otomatis menyimpan warna yang baru-baru ini Anda gunakan untuk akses cepat dan digunakan kembali.

Sepenuhnya Offline

Semua pemrosesan terjadi di browser Anda. Tidak perlu internet, tidak ada data yang diunggah.

Artikel Terkait

Penjelasan Model Warna: RGB, HSL, HEX

Penjelasan mendalam tentang prinsip dan perbedaan RGB, HSL, HEX, dan model warna lainnya. Pahami cara kerja ruang warna yang berbeda untuk mengontrol warna secara tepat dalam desain Anda.

Panduan Pemula (bahasa Inggris)

Teori Warna Penting untuk Desainer

Teori warna adalah dasar dari desain. Dari roda warna Itten hingga sistem warna modern, kuasai pengetahuan warna penting dan teknik palet praktis yang dibutuhkan setiap desainer.

Teori Desain (bahasa Inggris)

Panduan Kontras Warna yang Dapat Diakses: Memenuhi Standar WCAG

Pelajari tentang standar kontras warna WCAG dan cara memilih palet warna yang mudah diakses yang menjadikan situs web Anda ramah bagi semua pengguna, termasuk mereka yang memiliki gangguan penglihatan.

Aksesibilitas (bahasa Inggris)

Psikologi Warna dalam Branding: Bercerita dengan Warna

Warna yang berbeda membangkitkan respons emosional yang berbeda. Jelajahi bagaimana psikologi warna diterapkan pada desain merek dan pelajari cara memilih warna yang paling mengomunikasikan identitas merek Anda.

merek (bahasa Inggris)

Pertanyaan umum

Apa perbedaan antara HEX, RGB, dan HSL?
HEX adalah kode warna heksadesimal (misalnya #FF5733) yang umum digunakan di CSS web. RGB mewakili warna menggunakan nilai Merah, Hijau, dan Biru (0-255). HSL menggunakan Hue, Saturation, dan Lightness, membuatnya lebih intuitif untuk menyesuaikan warna.
Apa warna komplementer?
Warna komplementer adalah dua warna yang ditempatkan terpisah 180° pada roda warna. Mereka menciptakan kontras visual yang kuat dan sering digunakan untuk elemen yang perlu menonjol dalam desain.
Bagaimana cara memilih skema warna yang baik?
Gunakan generator palet kami. Skema analog bersifat harmonis dan halus, skema komplementer memberikan kontras yang kuat, dan skema triadik menawarkan variasi warna yang kaya namun seimbang. Pilih berdasarkan tujuan desain Anda.
Berapa lama riwayat warna disimpan?
Riwayat warna disimpan di Penyimpanan lokal browser Anda. Ini tetap ada sampai Anda menghapusnya secara manual atau menghapus data browser Anda.
Apakah ini mendukung transparansi (alpha)?
Saat ini mendukung format standar HEX (6 digit), RGB, dan HSL. Untuk transparansi alfa, Anda dapat menambahkan dua digit ke HEX secara manual (misalnya #FF573380) atau menggunakan format rgba().
Bagaimana cara mengubah HEX ke RGB dan HSL?

Masukkan nilai warna yang valid pada input HEX. Alat ini menampilkan nilai RGB dan HSL yang sesuai, yang dapat Anda salin untuk stylesheet Anda.

Bisakah saya mempratinjau warna sambil mengonversi kodenya?

Ya. Pratinjau warna diperbarui dengan nilai yang dimasukkan. Ini membantu Anda membandingkan warna saat membaca atau menyalin format lain yang didukung.