Warna → sistem desain

Masukkan satu warna dan otomatis hasilkan palet, gradien, dan pemeriksaan kontras AA/AAA.

Warna → sistem desain — Pipeline warna yang terhubung: satu HEX mengalir ke generator palet, yang warna dasar dan pelengkapnya memberi masukan ke pemeriksa kontras (AA/AAA) dan pembuat gradien CSS sekaligus. Pilih satu warna, dapatkan seluruh sistem desain.

Alat yang disertakan

Konverter Warna

Konversikan warna antara HEX, RGB, dan HSL dengan pratinjau langsung.

Generator Palet Warna

Hasilkan gradasi, tint, dan warna harmonis dari satu warna HEX dasar, masing-masing dengan nilai HEX yang dapat disalin.

Pemeriksa Kontras Warna

Periksa kontras WCAG 2.1 dan skor APCA Lc antara warna teks dan latar belakang, lihat lencana AA, AAA, dan 3:1, lalu terapkan warna lolos terdekat.

Generator Gradien CSS

Buat gradien CSS linear, radial, dan konik secara visual dengan bilah perhentian yang bisa diseret, lapisan bertumpuk, palet acak, dan aturan siap salin.