Color Studio

Buat palet warna yang harmonis dari roda warna interaktif — terapkan aturan harmoni seperti analogous, complementary, atau triad, lalu salin nilai apa pun secara instan.

Campur warna awal menjadi warna akhir hingga 10 langkah — pratinjau gradien, ambil setiap nuansa, dan salin format apa pun secara instan.

Hasilkan rangkaian tints dan shades lengkap dari satu warna — pilih langkah gelap/terang dan jumlah nuansa, lalu salin nilai apa pun secara instan.

Ambil palet warna yang disempurnakan dan siap disalin dari gambar apa pun.

Konversi warna antara HEX, RGB, RGBA, HSL, HSLA, dan HSV — pilih warna, sesuaikan transparansi, dan salin format apa pun secara instan.

Temukan warna CSS bernama terdekat dan nuansa Tailwind terdekat untuk warna apa pun — dicocokkan secara perseptual, dengan nilai siap salin.

Ambil sampel piksel mana pun di layar Anda dengan eyedropper, atau pilih warna dari gambar yang dijatuhkan, dan kumpulkan ke dalam palet siap salin.

Ekstrak gradien indah dari foto apa pun — seret gambar, pilih suasana, dan warna dominan menjadi stop gradien yang dapat diseret. Salin CSS siap pakai secara instan.

Buat gradien CSS linear, radial, dan conic dari awal dengan kontrol multi-stop yang dapat diseret dan preset yang dikurasi. Salin CSS siap pakai secara instan.

Tempel atau impor sekumpulan warna dan ekspor secara instan ke variabel CSS, SCSS, konfigurasi Tailwind, JSON, atau swatch SVG — langkah terakhir untuk palet apa pun.

Periksa rasio kontras WCAG antara warna teks dan latar belakang — lihat nilai kelulusan/kegagalan AA/AAA untuk teks normal, teks besar, dan komponen UI, dengan pratinjau langsung dan saran warna aksesibel.

Lihat gambar atau palet Anda sebagaimana dilihat oleh penderita protanopia, deuteranopia, tritanopia, atau achromatopsia — berjalan sepenuhnya di browser Anda, tidak ada yang diunggah.