Alat Warna
Konversi, beri nama, campur, dan tes warna — dengan dukungan OKLCH dan APCA modern bawaan.
localCek Kontras WarnaMasukkan warna teks dan latar belakang untuk mendapatkan rasio kontras WCAG yang akurat, hasil lulus/gagal…localGenerator Warna TailwindTempel satu warna brand dan dapatkan skala shade 11 langkah (50 sampai 950) yang seimbang, dibangun dengan…localKonverter HEX ke OKLCHTempel warna HEX dan dapatkan nilai OKLCH-nya untuk CSS. Gunakan slider untuk mengatur kecerahan, chroma…localKonverter OKLCH ke HEXTempel nilai oklch() dan dapatkan padanan HEX-nya, plus RGB dan HSL. Kamu juga akan tahu kalau warna…localKonverter HEX ke RGBATempel kode HEX, geser slider opacity, lalu salin CSS yang kamu butuhkan: rgba() klasik, rgb( / alpha)…localCSS Variables ke TailwindUbah variabel warna :root kamu menjadi theme Tailwind hanya dengan sekali tempel. Bisa untuk Tailwind v3…localKonverter OKLCHJelajahi ruang warna OKLCH yang seragam secara persepsi dengan slider langsung, cek apakah warna masuk ke…localPencari Nama WarnaTempel kode HEX untuk mendapatkan nama warna yang paling mendekati dan nama token yang rapi untuk CSS,…localPencampur WarnaPilih dua warna dan jumlah langkah untuk mendapatkan warna transisi yang tercampur merata, cocok untuk…localPengecek Kontras APCAHitung kontras kecerahan APCA (Lc) antara teks dan latar, lihat untuk penggunaan apa nilainya cocok, lalu…localSimulator Buta WarnaUnggah screenshot atau desain dan lihat sekaligus dalam delapan jenis defisiensi penglihatan warna — atau…localKonverter WarnaTempel warna CSS apa pun — HEX, rgb(), hsl(), hwb(), oklch(), atau nama seperti tomato — dan langsung…localGenerator CSS FilterAtur blur, brightness, contrast, saturation, hue, grayscale, sepia, invert dan drop shadow pada contoh…localPengambil Palet Warna GambarTemukan palet warna dari gambar apa pun, seperti foto, logo, screenshot, atau desain. Seret gambarnya ke…localPemilih WarnaPilih warna apa pun, atau ambil dari layarmu, lalu salin sebagai HEX, RGB, HSL atau OKLCH. Lihat shade,…
Tidak menemukan tool Warna?
Beri tahu kami apa yang kamu butuhkan — kami membuat tool yang paling banyak diminta lebih dulu, dan gratis.