Alat Warna Gratis
Ekstrak, analisis, konversi, dan bagikan warna Anda. 12 alat profesional 100% gratis, tanpa pendaftaran.
Pemilih Warna
Klik titik mana pun pada gambar untuk mengambil warna, lalu salin kode HEX, RGB, HSL atau CMYK secara instan. Pratinjau dan simpan sampel ke palet di peramban.
Ekstrak Warna
Unggah gambar untuk mengekstrak warna-warna utamanya dan bangun palet siap pakai dengan kode HEX serta RGB. Pratinjau tiap nuansa lalu ekspor untuk desain Anda.
Generator Palet
Hasilkan palet warna harmonis dari foto atau gambar apa pun, lengkap dengan kode HEX dan RGB. Sesuaikan tiap nuansa lalu ekspor ke CSS untuk proyek desain Anda.
Warna Dominan
Analisis gambar untuk menemukan warna paling dominan beserta persentase dan kode HEX. Susun palet seimbang dari warna utama dan ekspor hasilnya ke desain Anda.
Warna Serupa
Masukkan sebuah warna untuk menemukan nuansa HEX dan RGB yang serupa dan berdekatan. Jelajahi variasi terang dan gelap lalu susun palet yang selaras di peramban.
Konversi Warna
Konversi nilai warna antara HEX, RGB, HSL, CMYK, OKLCH dan LAB secara instan. Tempel satu kode dan dapatkan semua format lain dengan pratinjau langsung.
Kontras Warna
Uji rasio kontras teks dan latar untuk memenuhi standar aksesibilitas WCAG AA dan AAA. Sesuaikan pasangan warna HEX hingga lolos dan mudah dibaca semua orang.
Ekspor Palet
Ekspor palet warna Anda ke format CSS, SCSS, JSON dan ASE yang siap kode. Salin variabel HEX dan RGB langsung ke proyek Tailwind, Figma atau editor pilihan Anda.
Pratinjau Warna
Visualisasikan bagaimana warna dan kombinasi HEX Anda tampil pada tombol, kartu dan teks. Sesuaikan palet dengan pratinjau langsung sebelum menerapkannya.
Unduh Warna
Unduh palet warna Anda sebagai gambar PNG rapi yang menampilkan setiap kode HEX. Bagikan sampel ke tim atau klien dan simpan referensi warna untuk proyek Anda.
Bagikan Warna
Bagikan palet warna Anda melalui tautan unik yang menampilkan setiap kode HEX dan RGB. Kirim ke rekan atau klien untuk meninjau dan menyalin nuansa dengan cepat.
Harmoni Warna
Jelajahi harmoni komplementer, triadik, analog dan tetradik dari roda warna. Bangun palet seimbang dengan kode HEX dan RGB lalu ekspor untuk desain Anda.
Gradien CSS
Rancang gradien CSS linear dan radial dengan beberapa titik warna dan sudut kustom. Sesuaikan tiap nuansa HEX dan salin kode background CSS ke proyek Anda.
Gradien Mesh
Buat gradien mesh multi-warna yang halus dan modern untuk latar belakang situs. Atur tiap titik warna HEX lalu salin kode CSS siap pakai untuk proyek desain Anda.
Gradien Animasi
Rancang latar gradien beranimasi yang mulus menggunakan keyframes CSS murni. Atur warna HEX, arah dan kecepatan lalu salin kode animasi ke situs Anda.
Simulator Buta Warna
Simulasikan tampilan palet Anda bagi penderita protanopia, deuteranopia dan tritanopia. Pastikan warna HEX tetap dapat dibedakan dan inklusif bagi semua.
Keterbacaan Teks
Uji seberapa mudah teks Anda dibaca di atas latar warna berbeda dengan rasio kontras WCAG. Sesuaikan pasangan HEX hingga nyaman dibaca di layar apa pun.
Penganalisis WCAG
Analisis seluruh palet warna Anda untuk kepatuhan aksesibilitas WCAG level AA dan AAA. Lihat rasio kontras tiap pasangan HEX dan perbaiki yang gagal dengan mudah.
Glassmorphism
Rancang efek glassmorphism dengan latar buram, transparansi dan blur yang elegan. Atur warna HEX dan intensitas lalu salin kode CSS siap pakai ke antarmuka.
Neumorphism
Ciptakan efek neumorfik lembut dengan bayangan terang dan gelap ganda pada tombol dan kartu. Atur warna HEX dan jarak bayangan lalu salin kode CSS untuk UI.
Bayangan Berwarna
Rancang bayangan CSS berwarna yang lembut untuk tombol, kartu dan gambar. Atur warna HEX, blur dan jarak bayangan lalu salin kode box-shadow siap pakai ke proyek.
Efek Duotone
Terapkan efek duotone dengan dua warna pilihan untuk memberi foto gaya yang berani. Atur warna sorotan dan bayangan HEX lalu unduh gambar hasil untuk desain Anda.
Filter Warna Gambar
Terapkan filter warna, rona dan penyesuaian pada foto untuk mengubah suasananya. Atur intensitas dan warna HEX lalu unduh gambar hasil siap pakai untuk proyek.
Papan Mood Warna
Kumpulkan warna, nuansa dan inspirasi ke dalam papan mood visual untuk proyek Anda. Atur tiap sampel HEX, susun palet yang selaras dan bagikan idenya dengan tim.
Pencampur Warna
Campur dua warna atau lebih untuk menghasilkan nuansa perantara baru dengan kode HEX. Atur rasio pencampuran dan pratinjau hasilnya langsung di peramban Anda.
Tints & Shades
Hasilkan rangkaian tints dan shades terang serta gelap dari warna dasar apa pun. Dapatkan kode HEX tiap langkah untuk membangun skala warna konsisten di UI.
Palet Acak
Hasilkan palet warna acak yang segar untuk memicu ide desain saat Anda buntu. Kunci nuansa favorit, acak sisanya dan salin kode HEX untuk proyek berikutnya.
Palet dari Kata Kunci
Ketik kata kunci atau suasana lalu ubah menjadi palet warna bertema yang selaras. Dapatkan kode HEX dan RGB tiap nuansa dan ekspor ke CSS untuk desain Anda.
Palet Tailwind
Hasilkan skala warna Tailwind CSS lengkap dari 50 hingga 950 untuk warna merek Anda. Salin konfigurasi siap tempel dengan nilai HEX ke file config proyek.
Variabel CSS
Ubah palet warna Anda menjadi CSS custom properties yang rapi dan mudah dipelihara. Salin variabel HEX siap tempel ke root stylesheet untuk tema situs web Anda.
Tema shadcn/ui
Hasilkan tema shadcn/ui lengkap dengan variabel warna HSL untuk mode terang dan gelap. Salin konfigurasi CSS siap tempel ke proyek Next.js atau React Anda.
Variabel SCSS
Ubah palet Anda menjadi variabel SCSS dan Sass yang rapi untuk stylesheet proyek. Salin nilai HEX siap tempel dan kelola warna merek secara konsisten di kode.
Temperatur Warna
Analisis temperatur tiap warna untuk memahami keseimbangan nada hangat dan dingin. Sesuaikan palet HEX agar suasana yang diinginkan tersampaikan di desain.
Mood Warna
Pahami emosi dan psikologi di balik tiap warna untuk memilih palet yang tepat sasaran. Jelajahi makna nuansa HEX dan bangun identitas visual yang kuat merek.
Warna Merek
Cari merek di katalog, lihat warna yang tersimpan, lalu salin kode HEX yang tersedia dengan cepat.
Tren Warna
Jelajahi warna dan palet yang sedang tren untuk menjaga desain Anda tetap segar. Dapatkan kode HEX tiap nuansa populer dan terapkan ke proyek merek atau web Anda.
Peta Gradien
Terapkan peta gradien untuk memetakan nada terang dan gelap foto ke gradasi warna pilihan. Atur titik warna HEX lalu unduh gambar hasil bergaya untuk desain Anda.
Overlay Warna
Tambahkan lapisan warna transparan di atas foto untuk menyatukan suasana visual. Atur warna HEX, mode campur dan opasitas lalu unduh gambar hasil untuk proyek.
Palet Monokromatik
Bangun skema warna monokromatik yang elegan dari satu nuansa dasar apa pun. Dapatkan kode HEX tiap variasi terang dan gelap lalu ekspor untuk UI atau merek Anda.
Skema Komplementer
Hasilkan skema komplementer dengan pasangan warna berlawanan pada roda warna. Dapatkan kode HEX tiap nuansa yang kontras dan seimbang untuk desain yang menonjol.
Pratinjau UI
Terapkan palet warna Anda pada komponen UI nyata seperti tombol, kartu dan formulir. Pratinjau tema terang dan gelap langsung sebelum menerapkannya ke produk.
Pratinjau Sosial
Lihat bagaimana warna Anda tampil pada mockup postingan dan profil media sosial. Sesuaikan palet HEX agar menarik perhatian di feed sebelum Anda menerbitkannya.
Alat warna profesional untuk desainer dan pengembang
Rangkaian alat warna kami memungkinkan Anda mengekstrak palet dari gambar Anda, mengonversi antar format (HEX, RGB, HSL, CMYK), memeriksa aksesibilitas WCAG, dan mengekspor warna Anda ke CSS, Sass, atau Tailwind. Semua alat bekerja langsung di browser Anda, tanpa pendaftaran dan menghormati privasi Anda.
Ekstraksi dan analisis warna dari gambar
Gunakan pemilih warna (penetes) kami untuk mengidentifikasi warna apa pun di foto Anda dengan presisi. Ekstrak warna dominan secara otomatis dan hasilkan palet harmonis dari gambar inspirasi Anda. Sempurna untuk branding, desain web, dan kreasi grafis.
Konversi warna dan aksesibilitas
Konversi warna Anda secara instan antara HEX, RGB, HSL, dan CMYK. Periksa kontras antara warna Anda sesuai standar WCAG AA dan AAA untuk memastikan aksesibilitas desain Anda. Hasilkan harmoni warna berdasarkan roda warna: komplementer, analog, triadik, dan lainnya.
100% gratis, tanpa pendaftaran, ramah privasi
Semua alat warna kami sepenuhnya gratis dan tidak memerlukan pendaftaran. Gambar dan data Anda diproses secara lokal di browser Anda dan tidak pernah dikirim ke server kami. Gunakan alat kami dengan percaya diri untuk proyek pribadi dan profesional Anda.