Buat, lihat, dan kelola palet warna dengan fitur canggih. Hasilkan palet menggunakan teori warna, impor dari berbagai format, periksa kontras aksesibilitas, dan ekspor ke format CSS, SCSS, Tailwind, JSON, atau PNG.
Pilih Metode Anda
Pilih dari tab Templat (palet siap pakai), Generator (teori warna), atau Kustom (buat sendiri) untuk memulai.
Pilih atau Hasilkan Warna
Telusuri palet templat berdasarkan kategori, hasilkan menggunakan skema warna seperti komplementer atau triad, atau buat palet kustom secara manual.
Edit dan Sempurnakan
Klik warna apa pun untuk mengedit dengan pemilih warna, seret warna untuk menyusun ulangnya, atau gunakan tombol acak untuk pengaturan baru.
Periksa Aksesibilitas
Gunakan pemeriksa kontras untuk memastikan kombinasi warna Anda memenuhi standar aksesibilitas WCAG untuk keterbacaan teks.
Ekspor Palet Anda
Ekspor palet akhir Anda sebagai variabel CSS, SCSS, konfigurasi Tailwind, data JSON, atau gambar PNG untuk digunakan dalam proyek Anda.
Pustaka Palet Templat
Pilih dari koleksi palet warna profesional yang dikurasi, diatur berdasarkan kategori seperti alam, modern, vintage, dan lainnya.
Generator Teori Warna
Hasilkan palet harmonis menggunakan prinsip teori warna termasuk skema komplementer, triad, analog, monokromatik, dan split-komplementer.
Impor/Ekspor Multi-Format
Impor palet dari variabel CSS, SCSS, konfigurasi Tailwind, JSON, atau daftar hex. Ekspor ke salah satu format ini ditambah gambar PNG.
Pemeriksa Kontras Aksesibilitas
Pemeriksa kontras WCAG bawaan dengan indikator kepatuhan AA/AAA untuk memastikan kombinasi warna Anda memenuhi standar aksesibilitas.
Editor Warna Interaktif
Klik warna apa pun untuk mengedit dengan pemilih warna, seret untuk menyusun ulang warna, dan sesuaikan kecerahan dengan pratinjau real-time.
Pembuatan Palet Kustom
Buat dan simpan palet warna kustom Anda sendiri dengan nama yang dipersonalisasi dan kombinasi warna tak terbatas.
Penampil palet warna adalah alat desain yang membantu Anda membuat, mengatur, dan mengelola skema warna untuk proyek Anda. Alat ini menggabungkan prinsip teori warna dengan fitur praktis seperti konversi format, pemeriksaan aksesibilitas, dan pustaka templat untuk menyederhanakan alur kerja desain Anda dan memastikan kombinasi warna yang profesional dan harmonis.
Teori Warna Profesional
Hasilkan skema warna yang seimbang secara ilmiah menggunakan prinsip teori warna yang terbukti untuk desain yang menarik secara visual.
Ekspor Ramah Pengembang
Ekspor langsung ke variabel CSS, SCSS, Tailwind CSS, atau format JSON untuk integrasi tanpa hambatan ke dalam alur kerja pengembangan Anda.
Kepatuhan Aksesibilitas
Pemeriksaan kontras WCAG bawaan memastikan pilihan warna Anda memenuhi standar aksesibilitas untuk desain inklusif.
Pustaka Templat
Akses ratusan palet warna yang dikurasi secara profesional, diatur berdasarkan gaya dan kategori untuk inspirasi instan.
Privasi Penuh
Semua pemrosesan terjadi secara lokal di browser Anda – palet warna dan preferensi Anda tetap pribadi dan aman.
Anda dapat mengimpor palet dari variabel CSS (:root), variabel SCSS ($color), file konfigurasi Tailwind, objek JSON, atau daftar warna hex sederhana. Unggah file dan tempel teks keduanya didukung.
Generator menggunakan hubungan warna matematis pada roda warna untuk menciptakan palet yang harmonis. Pilih dari komplementer (warna berlawanan), triad (tiga warna berjarak sama), analog (warna berdekatan), dan lainnya.
Alat ini mengikuti pedoman WCAG 2.1, memeriksa kepatuhan AA (rasio 4.5:1), AAA (rasio 7:1), dan teks besar AA (rasio 3:1) untuk memastikan warna Anda berfungsi bagi pengguna dengan gangguan penglihatan.
Ya! Klik sampel warna mana pun untuk membuka editor pemilih warna. Anda juga dapat menyeret warna untuk menyusun ulangnya atau menggunakan tombol acak untuk mengatur ulang palet secara acak.
Ekspor palet Anda sebagai properti kustom CSS, variabel SCSS, konfigurasi Tailwind CSS, objek data JSON, atau gambar PNG. Setiap format dioptimalkan untuk alur kerja pengembangan yang berbeda.
Palet templat biasanya memiliki 5 warna, tetapi palet kustom dapat berisi 3 atau lebih warna. Alat ini secara otomatis menangani berbagai ukuran palet dan memperluasnya bila diperlukan untuk templat.