Dibuat di 06/09/2025 09:53
Accessibility-First Design System
Vision Blue
#0077cc
Contrast Yellow
#ffdd57
Focus Border
#000000
Text Pure White
#ffffff
Surface Stone
#eaeaea
Hint Lilac
#e4d7f5
Palet terdiri dari Setengah gelap, Lampu, Gelap warna. Warna aksen Vision Blue #0077cc Dan Contrast Yellow #ffdd57. Palet memiliki suhu warna Dingin, Hangat, Netral.
Menurut kecerahan, palet ini dari #000000 (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).
Secara keseluruhan suhu warna condong ke dingin.
Kode HEX (diurutkan): #000000, #0077CC, #E4D7F5, #EAEAEA, #FFDD57, #FFFFFF
Palette Accessibility-First Design System memiliki kombinasi warna kode 6:
HEX: #0077cc, RGB: (0, 119, 204); HEX: #ffdd57, RGB: (255, 221, 87); HEX: #000000, RGB: (0, 0, 0)
HEX: #ffffff, RGB: (255, 255, 255); HEX: #eaeaea, RGB: (234, 234, 234); HEX: #e4d7f5, RGB: (228, 215, 245)
Versi warna palet yang disederhanakan
Warna dari steelblue, Bayangan dari gold, Hitam, Putih, Warna dari whitesmoke, Warna dari lavender
Skema warna diciptakan oleh colourlock
Kode warna dalam palet
Accessibility-First Design System kode warna HEX, informasi RGB dalam tabel
| Warna | HEX | RGB | Nama | nama alternatif |
| #0077cc | #0077cc | RGB(0, 119, 204) | Vision Blue | — |
| #ffdd57 | #ffdd57 | RGB(255, 221, 87) | Contrast Yellow | — |
| #000000 | #000000 | RGB(0, 0, 0) | Focus Border | Black |
| #ffffff | #ffffff | RGB(255, 255, 255) | Text Pure White | White |
| #eaeaea | #eaeaea | RGB(234, 234, 234) | Surface Stone | Plaster |
| #e4d7f5 | #e4d7f5 | RGB(228, 215, 245) | Hint Lilac | — |
Kontras Palet Warna
6 pasangan warna memiliki kontras rendah dan perlu perbaikan, yang dapat memengaruhi keterbacaan.
| Warna teks | Warna latar belakang | Rasio Kontras |
#ffdd57 | #ffffff | 1.33 |
#ffdd57 | #eaeaea | 1.1 |
#ffdd57 | #e4d7f5 | 1.02 |
#ffffff | #eaeaea | 1.2 |
#ffffff | #e4d7f5 | 1.36 |
#eaeaea | #e4d7f5 | 1.13 |
Palet gambar Accessibility-First Design System png
Ekspor Palet
Unduh "Accessibility-First Design System" dalam berbagai format untuk integrasi yang mulus ke proyek desain Anda.
Format tersedia: