Figma UX Accessibility Matrix
- Focus Lime#e3ff4a
- Alt Text Dust#cccccc
- Frame Coral#ff796f
- Pixel White#ffffff
- Hierarchy Ink#202124
- Pathfinder Blue#5584ff
- Tactile Taupe#b5a692
Dibuat pada 07/24/2025 13:24
Palet terdiri dari Terang, Gelap warna. Warna aksen Focus Lime #e3ff4a dan Pathfinder Blue #5584ff. Palet memiliki suhu warna Hangat, Netral, Dingin.
Menurut kecerahan, palet ini dari #202124 (paling gelap) ke #FFFFFF (paling terang). Rentang kecerahan lebar.
Saturasi keseluruhan terasa sebagian besar redup (chroma rendah) — 57% warna redup.
Beberapa warna hampir berseberangan di roda warna, memberi palet ini kontras komplementer.
Secara keseluruhan suhu warna condong ke hangat (3 dari 7).
Kode HEX (diurutkan): #202124, #5584FF, #B5A692, #CCCCCC, #E3FF4A, #FF796F, #FFFFFF
Palet Figma UX Accessibility Matrix menggabungkan 7 kode warna:
HEX: #e3ff4a, RGB: (227, 255, 74); HEX: #cccccc, RGB: (204, 204, 204); HEX: #ff796f, RGB: (255, 121, 111)
HEX: #ffffff, RGB: (255, 255, 255); HEX: #202124, RGB: (32, 33, 36); HEX: #5584ff, RGB: (85, 132, 255)
HEX: #b5a692, RGB: (181, 166, 146)
Versi warna palet yang disederhanakan
Nuansa terang dari Kuning, Nuansa gelap dari Abu-abu muda, Nuansa gelap dari Salem, Putih, Nuansa terang dari Hitam, Nuansa gelap dari Biru bunga jagung, Nuansa gelap dari Cokelat muda
Skema warna diciptakan oleh colorhunt
Kode warna dalam palet
Figma UX Accessibility Matrix kode warna HEX, informasi RGB dalam tabel
| Warna | HEX | RGB | Nama | nama alternatif |
|---|---|---|---|---|
| #e3ff4a | #e3ff4a | RGB(227, 255, 74) | Focus Lime | — |
| #cccccc | #cccccc | RGB(204, 204, 204) | Alt Text Dust | Cerebral Grey |
| #ff796f | #ff796f | RGB(255, 121, 111) | Frame Coral | — |
| #ffffff | #ffffff | RGB(255, 255, 255) | Pixel White | White |
| #202124 | #202124 | RGB(32, 33, 36) | Hierarchy Ink | Noble Black |
| #5584ff | #5584ff | RGB(85, 132, 255) | Pathfinder Blue | — |
| #b5a692 | #b5a692 | RGB(181, 166, 146) | Tactile Taupe | — |
Kontras Palet Warna
8 pasangan warna memiliki kontras rendah dan perlu perbaikan, yang dapat memengaruhi keterbacaan.
| Warna teks | Warna latar belakang | Rasio Kontras |
|---|---|---|
#e3ff4a | #cccccc | 1.42 |
#e3ff4a | #ffffff | 1.12 |
#cccccc | #ff796f | 1.59 |
#cccccc | #ffffff | 1.6 |
#cccccc | #b5a692 | 1.48 |
#ff796f | #5584ff | 1.34 |
Palet gambar Figma UX Accessibility Matrix png
Ekspor Palet
Unduh "Figma UX Accessibility Matrix" dalam berbagai format untuk integrasi yang mulus ke proyek desain Anda.
Format tersedia: