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 rasio kontras WCAG antara warna HEX latar depan dan latar belakang serta lihat apakah lolos AA dan AAA untuk teks normal maupun besar.

Generator Gradien CSS

Buat gradien CSS linear, radial, atau konik dengan perhentian warna khusus dan sudut, pratinjau hasilnya secara langsung, dan salin aturan background yang siap ditempel.