Dibuat di 07/17/2025 08:26
Voice-Enhanced Design System for Accessibility Tools
- Listen Blue#0077b6
- Narrate Cream#fffdf7
- Speech Gray#ced4da
- Command Coral#ff7e79
- Feedback Indigo#5a4e7c
- Interaction White#fbfbfb
Palet terdiri dari Setengah gelap, Lampu warna. Warna aksen Listen Blue #0077b6 Dan Narrate Cream #fffdf7. Palet memiliki suhu warna Dingin, Netral, Hangat.
Menurut kecerahan, palet ini dari #0077B6 (paling gelap) ke #FFFDF7 (paling terang). Rentang kecerahan lebar.
Saturasi campuran — ada swatch redup dan aksen lebih cerah.
Beberapa pasangan rona dekat posisi komplementer — dapat terbaca sebagai kontras komplementer (heuristik).
Secara keseluruhan suhu warna condong ke dingin.
Kode HEX (diurutkan): #0077B6, #5A4E7C, #CED4DA, #FBFBFB, #FF7E79, #FFFDF7
Palette Voice-Enhanced Design System for Accessibility Tools memiliki kombinasi warna kode 6:
HEX: #0077b6, RGB: (0, 119, 182); HEX: #fffdf7, RGB: (255, 253, 247); HEX: #ced4da, RGB: (206, 212, 218)
HEX: #ff7e79, RGB: (255, 126, 121); HEX: #5a4e7c, RGB: (90, 78, 124); HEX: #fbfbfb, RGB: (251, 251, 251)
Versi warna palet yang disederhanakan
Warna dari steelblue, Bayangan dari floralwhite, Warna dari lightgrey, Bayangan dari salmon, Bayangan dari darkslateblue, Warna dari Putih
Skema warna diciptakan oleh colorday
Kode warna dalam palet
Voice-Enhanced Design System for Accessibility Tools kode warna HEX, informasi RGB dalam tabel
| Warna | HEX | RGB | Nama | nama alternatif |
| #0077b6 | #0077b6 | RGB(0, 119, 182) | Listen Blue | — |
| #fffdf7 | #fffdf7 | RGB(255, 253, 247) | Narrate Cream | — |
| #ced4da | #ced4da | RGB(206, 212, 218) | Speech Gray | — |
| #ff7e79 | #ff7e79 | RGB(255, 126, 121) | Command Coral | Salmon Sashimi |
| #5a4e7c | #5a4e7c | RGB(90, 78, 124) | Feedback Indigo | — |
| #fbfbfb | #fbfbfb | RGB(251, 251, 251) | Interaction White | Whiteout |
Kontras Palet Warna
6 pasangan warna memiliki kontras rendah dan perlu perbaikan, yang dapat memengaruhi keterbacaan.
| Warna teks | Warna latar belakang | Rasio Kontras |
#0077b6 | #ff7e79 | 1.97 |
#0077b6 | #5a4e7c | 1.53 |
#fffdf7 | #ced4da | 1.46 |
#fffdf7 | #fbfbfb | 1.01 |
#ced4da | #ff7e79 | 1.65 |
#ced4da | #fbfbfb | 1.44 |
Palet gambar Voice-Enhanced Design System for Accessibility Tools png
Ekspor Palet
Unduh "Voice-Enhanced Design System for Accessibility Tools" dalam berbagai format untuk integrasi yang mulus ke proyek desain Anda.
Format tersedia: