Penyeimbang palet
Check palette contrast against a base color and auto-suggest accessible tweaks.
Summary
No colors meet target
No adjustments needed
Results
Add HEX colors to evaluate contrast.
Tips
- Keep at least AA (4.5:1) for text on brand surfaces.
- Test both light and dark modes—base color shifts can change results.
- Export CSS variables or JSON to sync with design systems.
Ringkasan
Menyeimbangkan swatch palet merek dengan latar pilihan untuk mencapai target aksesibilitas dengan cepat.
Cara pakai
- Atur warna latar dasar dan rasio kontras target.
- Tempel nilai HEX palet atau daftar yang dipisahkan koma.
- Tinjau saran penyesuaian dan ekspor token CSS/JSON.
Contoh penggunaan
- Memastikan warna brand memenuhi AA di dashboard dan shell UI.
- Mengusulkan palet alternatif yang aksesibel untuk kampanye.
- Mengaudit varian mode gelap sebelum review desain.
Tips & pengetahuan
- Uji warna akhir pada komponen nyata—overlay dapat mengubah kontras.
- Sinkronkan dokumentasi palet dengan design token untuk mencegah drift.
- Bagikan ekspor JSON dengan tim design system atau QA.