Color Studio

Bina palet warna yang harmoni daripada roda warna interaktif — gunakan peraturan harmoni seperti analogus, komplementari atau triad, kemudian salin sebarang nilai dengan segera.

Campurkan warna mula ke warna akhir merentasi sehingga 10 langkah — pratonton kecerunan, ambil setiap warna dan salin sebarang format dengan segera.

Jana julat penuh tint dan warna gelap daripada satu warna — pilih langkah cerah/gelap dan bilangan warna, kemudian salin sebarang nilai dengan segera.

Tarik palet warna yang halus dan sedia salin daripada sebarang imej.

Tukar warna antara HEX, RGB, RGBA, HSL, HSLA dan HSV — pilih warna, laraskan alfa, dan salin sebarang format dengan segera.

Cari warna CSS bernama yang paling hampir dan warna Tailwind yang paling dekat untuk sebarang warna — dipadankan secara perseptual, dengan nilai sedia salin.

Sampel sebarang piksel pada skrin anda dengan penitis mata, atau pilih warna dari imej yang dilepaskan, dan kumpulkan ke dalam palet sedia salin.

Ekstrak kecerunan yang indah daripada sebarang foto — lepaskan imej, pilih suasana, dan warna dominan menjadi hentian kecerunan yang boleh diseret. Salin CSS sedia tampal dengan segera.

Bina kecerunan CSS linear, radial dan konik dari awal dengan kawalan berbilang hentian yang boleh diseret dan praset terpilih. Salin CSS sedia tampal dengan segera.

Tampal atau import set warna dan eksportnya dengan segera ke pemboleh ubah CSS, SCSS, konfigurasi Tailwind, JSON atau swatch SVG — langkah terakhir untuk sebarang palet.

Semak nisbah kontras WCAG antara warna teks dan latar belakang — lihat gred lulus/gagal AA/AAA untuk teks biasa, teks besar dan komponen UI, dengan pratonton langsung dan cadangan warna aksesibel.

Lihat imej atau palet anda seperti yang dilihat oleh orang dengan protanopia, deuteranopia, tritanopia atau akromatopsia — berjalan sepenuhnya dalam pelayar anda, tiada apa yang dimuat naik.