Accessible Contrast Design Tokens
- Readable Blue#1e88e5
- Overlay White#ffffff
- Focus Black#0c0c0c
- Highlight Yellow#fff176
- Toggle Red#ff5252
Dibuat pada 07/05/2025 13:18
Palet terdiri dari Terang, Gelap warna. Warna aksen Readable Blue #1e88e5 dan Highlight Yellow #fff176. Palet memiliki suhu warna Dingin, Netral, Hangat.
Menurut kecerahan, palet ini dari #0C0C0C (paling gelap) ke #FFFFFF (paling terang). Rentang kecerahan lebar.
Saturasi keseluruhan terasa hidup (chroma tinggi) — 60% warna cerah.
Beberapa warna hampir berseberangan di roda warna, memberi palet ini kontras komplementer.
Secara keseluruhan suhu warna condong ke hangat (2 dari 5).
Kode HEX (diurutkan): #0C0C0C, #1E88E5, #FF5252, #FFF176, #FFFFFF
Palet Accessible Contrast Design Tokens menggabungkan 5 kode warna:
HEX: #1e88e5, RGB: (30, 136, 229); HEX: #ffffff, RGB: (255, 255, 255); HEX: #0c0c0c, RGB: (12, 12, 12)
HEX: #fff176, RGB: (255, 241, 118); HEX: #ff5252, RGB: (255, 82, 82)
Versi warna palet yang disederhanakan
Nuansa gelap dari Biru Dodger, Putih, Nuansa terang dari Hitam, Nuansa terang dari Khaki, Nuansa gelap dari Tomat
Skema warna diciptakan oleh hex
Kode warna dalam palet
Accessible Contrast Design Tokens kode warna HEX, informasi RGB dalam tabel
Kontras Palet Warna
2 pasangan warna memiliki kontras rendah dan perlu perbaikan, yang dapat memengaruhi keterbacaan.
| Warna teks | Warna latar belakang | Rasio Kontras |
|---|---|---|
#1e88e5 | #ff5252 | 1.15 |
#ffffff | #fff176 | 1.16 |
Palet gambar Accessible Contrast Design Tokens png
Ekspor Palet
Unduh "Accessible Contrast Design Tokens" dalam berbagai format untuk integrasi yang mulus ke proyek desain Anda.
Format tersedia: