Dibuat di 07/28/2025 11:05
Web Component Accessibility Stack
- Contrast Navy#1a1d3f
- Readable White#ffffff
- Flowchart Blue#3a86ff
- Modal Gray#e0e0e0
- Highlight Magenta#ff4ecc
- Interaction Gold#ffd23f
- UI Fog#f9fafb
Palet terdiri dari Gelap, Lampu warna. Warna aksen Flowchart Blue #3a86ff Dan Interaction Gold #ffd23f. Palet memiliki suhu warna Dingin, Netral, Hangat.
Menurut kecerahan, palet ini dari #1A1D3F (paling gelap) ke #FFFFFF (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).
Nada hangat dan dingin cukup seimbang.
Kode HEX (diurutkan): #1A1D3F, #3A86FF, #E0E0E0, #F9FAFB, #FF4ECC, #FFD23F, #FFFFFF
Palette Web Component Accessibility Stack memiliki kombinasi warna kode 7:
HEX: #1a1d3f, RGB: (26, 29, 63); HEX: #ffffff, RGB: (255, 255, 255); HEX: #3a86ff, RGB: (58, 134, 255)
HEX: #e0e0e0, RGB: (224, 224, 224); HEX: #ff4ecc, RGB: (255, 78, 204); HEX: #ffd23f, RGB: (255, 210, 63)
HEX: #f9fafb, RGB: (249, 250, 251)
Versi warna palet yang disederhanakan
Warna dari midnightblue, Putih, Bayangan dari dodgerblue, Bayangan dari gainsboro, Warna dari hotpink, Bayangan dari gold, Bayangan dari whitesmoke
Skema warna diciptakan oleh bad_colors
Lebih banyak palet dengan:
Kode warna dalam palet
Web Component Accessibility Stack kode warna HEX, informasi RGB dalam tabel
| Warna | HEX | RGB | Nama | nama alternatif |
| #1a1d3f | #1a1d3f | RGB(26, 29, 63) | Contrast Navy | — |
| #ffffff | #ffffff | RGB(255, 255, 255) | Readable White | White |
| #3a86ff | #3a86ff | RGB(58, 134, 255) | Flowchart Blue | — |
| #e0e0e0 | #e0e0e0 | RGB(224, 224, 224) | Modal Gray | Gray88 |
| #ff4ecc | #ff4ecc | RGB(255, 78, 204) | Highlight Magenta | — |
| #ffd23f | #ffd23f | RGB(255, 210, 63) | Interaction Gold | — |
| #f9fafb | #f9fafb | RGB(249, 250, 251) | UI Fog | — |
Kontras Palet Warna
7 pasangan warna memiliki kontras rendah dan perlu perbaikan, yang dapat memengaruhi keterbacaan.
| Warna teks | Warna latar belakang | Rasio Kontras |
#ffffff | #e0e0e0 | 1.32 |
#ffffff | #ffd23f | 1.44 |
#ffffff | #f9fafb | 1.04 |
#3a86ff | #ff4ecc | 1.19 |
#e0e0e0 | #ffd23f | 1.09 |
#e0e0e0 | #f9fafb | 1.26 |
Palet gambar Web Component Accessibility Stack png
Ekspor Palet
Unduh "Web Component Accessibility Stack" dalam berbagai format untuk integrasi yang mulus ke proyek desain Anda.
Format tersedia: