Dibuat di 07/13/2025 14:33
Smart UI Components for React
Hook Yellow
#fcd34d
Prop Mint
#b2f7ef
Component Black
#1f1f1f
JSX Lavender
#d0bcff
State Blue
#3c91e6
Virtual DOM Grey
#aaaaaa
Palet terdiri dari Lampu, Gelap warna. Warna aksen Hook Yellow #fcd34d Dan JSX Lavender #d0bcff. Palet memiliki suhu warna Hangat, Dingin, Netral.
Palette Smart UI Components for React memiliki kombinasi warna kode 6:
HEX: #fcd34d, RGB: (252, 211, 77); HEX: #b2f7ef, RGB: (178, 247, 239); HEX: #1f1f1f, RGB: (31, 31, 31)
HEX: #d0bcff, RGB: (208, 188, 255); HEX: #3c91e6, RGB: (60, 145, 230); HEX: #aaaaaa, RGB: (170, 170, 170)
Versi warna palet yang disederhanakan
Bayangan dari gold, Bayangan dari paleturquoise, Bayangan dari Hitam, Bayangan dari plum, Bayangan dari dodgerblue, Bayangan dari darkgrey
Skema warna diciptakan oleh colorday
Kode warna dalam palet
Smart UI Components for React kode warna HEX, informasi RGB dalam tabel
| Warna | HEX | RGB | Nama | nama alternatif |
| #fcd34d | #fcd34d | RGB(252, 211, 77) | Hook Yellow | — |
| #b2f7ef | #b2f7ef | RGB(178, 247, 239) | Prop Mint | — |
| #1f1f1f | #1f1f1f | RGB(31, 31, 31) | Component Black | Gray12 |
| #d0bcff | #d0bcff | RGB(208, 188, 255) | JSX Lavender | — |
| #3c91e6 | #3c91e6 | RGB(60, 145, 230) | State Blue | — |
| #aaaaaa | #aaaaaa | RGB(170, 170, 170) | Virtual DOM Grey | Dhūsar Grey |
Kontras Palet Warna
8 pasangan warna memiliki kontras rendah dan perlu perbaikan, yang dapat memengaruhi keterbacaan.
| Warna teks | Warna latar belakang | Rasio Kontras |
#fcd34d | #b2f7ef | 1.19 |
#fcd34d | #d0bcff | 1.18 |
#fcd34d | #aaaaaa | 1.61 |
#b2f7ef | #d0bcff | 1.41 |
#b2f7ef | #aaaaaa | 1.92 |
#d0bcff | #3c91e6 | 1.92 |
