Alat Warna
Jana, analisis dan eksport palet warna untuk projek anda.
Pemilih Warna
Klik mana-mana titik pada imej untuk mengambil warna, lalu salin kod HEX, RGB, HSL atau CMYK serta-merta. Pratonton dan simpan sampel ke palet dalam pelayar anda.
Ekstrak Warna
Muat naik imej untuk mengekstrak warna utamanya dan bina palet sedia guna dengan kod HEX serta RGB. Pratonton setiap ton dan eksport untuk reka bentuk anda.
Penjana Palet
Jana palet warna harmoni daripada foto atau imej apa pun, lengkap dengan kod HEX dan RGB. Laraskan setiap ton lalu eksport ke CSS untuk projek reka bentuk anda.
Warna Dominan
Analisis imej untuk mencari warna paling dominan berserta peratusan dan kod HEX. Bina palet seimbang daripada warna utama dan eksport hasilnya ke reka bentuk.
Warna Serupa
Masukkan satu warna untuk mencari ton HEX dan RGB yang serupa dan berdekatan. Teroka variasi cerah dan gelap lalu bina palet yang selaras dalam pelayar anda.
Tukar Warna
Tukar nilai warna antara HEX, RGB, HSL, CMYK, OKLCH dan LAB serta-merta. Tampal satu kod dan dapatkan semua format lain dengan pratonton secara langsung.
Kontras Warna
Uji nisbah kontras teks dan latar untuk memenuhi piawaian kebolehcapaian WCAG AA dan AAA. Laraskan pasangan warna HEX sehingga lulus dan mudah dibaca semua.
Eksport Palet
Eksport palet warna anda ke format CSS, SCSS, JSON dan ASE yang sedia kod. Salin pemboleh ubah HEX dan RGB terus ke projek Tailwind, Figma atau editor pilihan.
Pratonton Warna
Visualkan bagaimana warna dan kombinasi HEX anda terpapar pada butang, kad dan teks. Laraskan palet dengan pratonton langsung sebelum menerapkannya ke produk.
Muat Turun Warna
Muat turun palet warna anda sebagai imej PNG kemas yang memaparkan setiap kod HEX. Kongsi sampel dengan pasukan atau klien dan simpan rujukan warna projek anda.
Kongsi Warna
Kongsi palet warna anda melalui pautan unik yang memaparkan setiap kod HEX dan RGB. Hantar kepada rakan atau klien untuk menyemak dan menyalin ton dengan pantas.
Harmoni Warna
Teroka harmoni pelengkap, triadik, analog dan tetradik daripada roda warna. Bina palet seimbang dengan kod HEX dan RGB lalu eksport untuk reka bentuk anda.
Gradien CSS
Reka gradien CSS linear dan radial dengan beberapa titik warna dan sudut tersuai. Laraskan setiap ton HEX dan salin kod latar CSS terus ke projek anda mudah.
Gradien Mesh
Cipta gradien mesh pelbagai warna yang halus dan moden untuk latar belakang laman. Atur setiap titik warna HEX lalu salin kod CSS sedia guna untuk projek anda.
Gradien Animasi
Reka latar gradien beranimasi yang lancar menggunakan keyframes CSS tulen. Atur warna HEX, arah dan kelajuan lalu salin kod animasi terus ke laman anda mudah.
Simulator Buta Warna
Simulasikan paparan palet anda bagi pesakit protanopia, deuteranopia dan tritanopia. Pastikan warna HEX kekal boleh dibezakan dan inklusif untuk semua pengguna.
Kebolehbacaan Teks
Uji betapa mudahnya teks anda dibaca atas latar warna berbeza dengan nisbah kontras WCAG. Laraskan pasangan HEX sehingga selesa dibaca pada mana-mana skrin.
Penganalisis WCAG
Analisis seluruh palet warna anda untuk pematuhan kebolehcapaian WCAG tahap AA dan AAA. Lihat nisbah kontras setiap pasangan HEX dan betulkan yang gagal mudah.
Glassmorphism
Reka kesan glassmorphism dengan latar kabur, kelutsinaran dan blur yang elegan. Atur warna HEX dan keamatan lalu salin kod CSS sedia guna untuk antara muka anda.
Neumorphism
Cipta kesan neumorfik lembut dengan bayang cerah dan gelap berganda pada butang dan kad. Atur warna HEX dan jarak bayang lalu salin kod CSS untuk UI anda.
Bayang Berwarna
Reka bayang CSS berwarna yang lembut untuk butang, kad dan imej anda. Atur warna HEX, blur dan jarak bayang lalu salin kod box-shadow sedia guna ke projek anda.
Kesan Duotone
Gunakan kesan duotone dengan dua warna pilihan untuk memberi foto gaya berani. Atur warna sorotan dan bayang HEX lalu muat turun imej hasil untuk reka bentuk.
Penapis Warna Imej
Gunakan penapis warna, rona dan pelarasan pada foto untuk mengubah suasananya. Atur keamatan dan warna HEX lalu muat turun imej hasil sedia guna untuk projek.
Papan Mood Warna
Kumpul warna, ton dan inspirasi ke dalam papan mood visual untuk projek anda. Atur setiap sampel HEX, susun palet yang selaras dan kongsi ideanya dengan pasukan.
Pencampur Warna
Campur dua warna atau lebih untuk menghasilkan ton perantaraan baharu dengan kod HEX. Atur nisbah campuran dan pratonton hasilnya secara langsung dalam pelayar.
Tints & Shades
Jana rangkaian tints dan shades cerah serta gelap daripada warna asas apa pun. Dapatkan kod HEX setiap langkah untuk membina skala warna yang konsisten pada UI.
Palet Rawak
Jana palet warna rawak yang segar untuk mencetuskan idea reka bentuk saat anda buntu. Kunci ton kegemaran, rawakkan selebihnya dan salin kod HEX untuk projek.
Palet dari Kata Kunci
Taip kata kunci atau suasana lalu ubah menjadi palet warna bertema yang selaras. Dapatkan kod HEX dan RGB setiap ton dan eksport ke CSS untuk reka bentuk anda.
Palet Tailwind
Jana skala warna Tailwind CSS lengkap dari 50 hingga 950 untuk warna jenama anda. Salin konfigurasi sedia tampal dengan nilai HEX terus ke fail config projek.
Pembolehubah CSS
Ubah palet warna anda menjadi CSS custom properties yang kemas dan mudah diselenggara. Salin pemboleh ubah HEX sedia tampal ke root stylesheet tema laman anda.
Tema shadcn/ui
Jana tema shadcn/ui lengkap dengan pemboleh ubah warna HSL untuk mod cerah dan gelap. Salin konfigurasi CSS sedia tampal terus ke projek Next.js atau React anda.
Pembolehubah SCSS
Ubah palet anda menjadi pemboleh ubah SCSS dan Sass yang kemas untuk stylesheet projek. Salin nilai HEX sedia tampal dan urus warna jenama secara konsisten kod.
Suhu Warna
Analisis suhu setiap warna untuk memahami keseimbangan ton hangat dan sejuk. Laraskan palet HEX supaya suasana yang dikehendaki tersampai dalam reka bentuk anda.
Mood Warna
Fahami emosi dan psikologi di sebalik setiap warna untuk memilih palet yang tepat sasaran. Teroka makna ton HEX dan bina identiti visual yang kukuh untuk jenama.
Warna Jenama
Cari jenama dalam katalog, lihat warna yang direkodkan, kemudian salin kod HEX yang tersedia dengan cepat.
Trend Warna
Teroka warna dan palet yang sedang popular untuk memastikan reka bentuk anda segar. Dapatkan kod HEX setiap ton popular dan gunakan pada projek jenama atau web.
Peta Gradien
Gunakan peta gradien untuk memetakan ton cerah dan gelap foto ke gradasi warna pilihan. Atur titik warna HEX lalu muat turun imej hasil bergaya untuk reka bentuk.
Tindanan Warna
Tambah lapisan warna lutsinar di atas foto untuk menyatukan suasana visualnya. Atur warna HEX, mod campuran dan kelegapan lalu muat turun imej hasil untuk projek.
Palet Monokromatik
Bina skema warna monokromatik yang elegan daripada satu ton asas apa pun. Dapatkan kod HEX setiap variasi cerah dan gelap lalu eksport untuk UI atau jenama anda.
Skema Pelengkap
Jana skema pelengkap dengan pasangan warna bertentangan pada roda warna. Dapatkan kod HEX setiap ton yang kontras dan seimbang untuk reka bentuk yang menonjol.
Pratonton UI
Gunakan palet warna anda pada komponen UI sebenar seperti butang, kad dan borang. Pratonton tema cerah dan gelap secara langsung sebelum menerapkannya ke produk.
Pratonton Sosial
Lihat bagaimana warna anda terpapar pada olok siaran dan profil media sosial. Laraskan palet HEX supaya menarik perhatian dalam suapan sebelum menerbitkannya.