Web UI Accessibility Tokens
- Readable Navy#1f2937
- Label White#ffffff
- Focus Aqua#22d3ee
- Error Red#ef4444
- Active Lavender#ddd6fe
- Support Grey#d1d5db
Dibuat pada 06/14/2025 19:44
Palet terdiri dari Gelap, Terang warna. Warna aksen Focus Aqua #22d3ee dan Active Lavender #ddd6fe. Palet memiliki suhu warna Dingin, Netral, Hangat.
Menurut kecerahan, palet ini dari #1F2937 (paling gelap) ke #FFFFFF (paling terang). Rentang kecerahan lebar.
Saturasi campuran — 3 redup dan 3 cerah dari 6 warna.
Beberapa warna hampir berseberangan di roda warna, memberi palet ini kontras komplementer.
Secara keseluruhan suhu warna condong ke dingin (4 dari 6).
Kode HEX (diurutkan): #1F2937, #22D3EE, #D1D5DB, #DDD6FE, #EF4444, #FFFFFF
Palet Web UI Accessibility Tokens menggabungkan 6 kode warna:
HEX: #1f2937, RGB: (31, 41, 55); HEX: #ffffff, RGB: (255, 255, 255); HEX: #22d3ee, RGB: (34, 211, 238)
HEX: #ef4444, RGB: (239, 68, 68); HEX: #ddd6fe, RGB: (221, 214, 254); HEX: #d1d5db, RGB: (209, 213, 219)
Versi warna palet yang disederhanakan
Nuansa terang dari Hitam, Putih, Nuansa terang dari Pirus tua, Nuansa gelap dari Merah India, Nuansa gelap dari Lavender, Nuansa terang dari Abu-abu muda
Skema warna diciptakan oleh colorslib
Kode warna dalam palet
Web UI Accessibility Tokens kode warna HEX, informasi RGB dalam tabel
Kontras Palet Warna
6 pasangan warna memiliki kontras rendah dan perlu perbaikan, yang dapat memengaruhi keterbacaan.
| Warna teks | Warna latar belakang | Rasio Kontras |
|---|---|---|
#ffffff | #22d3ee | 1.8 |
#ffffff | #ddd6fe | 1.38 |
#ffffff | #d1d5db | 1.47 |
#22d3ee | #ddd6fe | 1.3 |
#22d3ee | #d1d5db | 1.22 |
#ddd6fe | #d1d5db | 1.06 |
Palet gambar Web UI Accessibility Tokens png
Ekspor Palet
Unduh "Web UI Accessibility Tokens" dalam berbagai format untuk integrasi yang mulus ke proyek desain Anda.
Format tersedia: