Alat warna dan desain gratis — pemilih, palet, kontras, gradien
Pekerjaan warna praktis untuk web: pemilih warna dengan HEX/RGB/HSL, generator palet dan gradien, pemeriksa kontras WCAG untuk menjaga teks tetap terbaca, simulasi buta warna dan alat bayangan CSS. Dirancang untuk desainer dan pengembang front-end yang memerlukan nilai pasti dan pilihan yang dapat diakses, siap untuk menyalin-tempel.
Konverter Warna (HEX, RGB, HSL — instan)
Konversi warna antara HEX, RGB, dan HSL dengan preview swatch langsung. Edit bidang mana pun; yang lain diperbarui.
Pemeriksa Kontras (nilai WCAG AA / AAA)
Periksa rasio kontras warna antara teks dan latar belakang. Menampilkan preview langsung dan lencana lulus/gagal untuk WCAG AA dan AAA di ukuran teks normal dan besar.
Generator Gradien CSS (linear, radial, konik)
Buat gradien CSS secara visual: linear, radial, dan konik. Beberapa color stop, kontrol sudut, preset. Salin CSS siap tempel.
Generator Palet Warna (5 skema dari satu warna dasar)
Buat palet warna harmonis dari warna dasar: komplementer, analogus, triadik, tetradik, monokromatik. Klik swatch mana pun untuk menyalin hex.
Simulator Buta Warna — Lihat Warna seperti Orang Lain Melihatnya
Masukkan warna hex apa pun dan lihat seketika bagaimana tampilannya bagi penderita deuteranopia, protanopia, tritanopia, dan akromatopsia. Penting untuk desain aksesibel.
Generator CSS Box Shadow (dengan pratinjau langsung)
Buat nilai CSS box-shadow secara visual. Sesuaikan offset, blur, spread, warna, opasitas, dan inset. Pratinjau langsung, salin-tempel CSS.
Pencari Nama Warna CSS — Warna Terdekat dari Kode Hex
Masukkan warna hex apa pun untuk menemukan nama warna CSS terdekat. Lihat 5 warna terdekat dengan nilai hex tepat dan skor jarak.
Generator Gradasi Warna — Gaya Tailwind CSS
Buat 11 tint dan shade (50–950) untuk warna apa pun bergaya skala Tailwind CSS. Klik shade mana saja untuk menyalin kode hex-nya atau ekspor semua sebagai CSS custom properties.