Dibuat di 08/02/2025 13:33
AI-Driven UX Kit with React Components
- Neural Mint#3dd6b0
- Hyperlink Blue#0066ff
- Tensor Beige#f9f6ec
- Cognitive Lilac#c6b8e9
- Dark Mode Panel#1c1c1e
- Accessible Grey#7a7a7a
- Command Button Teal#00b8a9
Palet terdiri dari Lampu, Setengah gelap, Gelap warna. Warna aksen Tensor Beige #f9f6ec Dan Command Button Teal #00b8a9. Palet memiliki suhu warna Dingin, Netral.
Menurut kecerahan, palet ini dari #1C1C1E (paling gelap) ke #F9F6EC (paling terang). Rentang kecerahan lebar.
Saturasi keseluruhan terasa hidup (chroma tinggi).
Beberapa pasangan rona dekat posisi komplementer — dapat terbaca sebagai kontras komplementer (heuristik).
Secara keseluruhan suhu warna condong ke dingin.
Kode HEX (diurutkan): #0066FF, #00B8A9, #1C1C1E, #3DD6B0, #7A7A7A, #C6B8E9, #F9F6EC
Palette AI-Driven UX Kit with React Components memiliki kombinasi warna kode 7:
HEX: #3dd6b0, RGB: (61, 214, 176); HEX: #0066ff, RGB: (0, 102, 255); HEX: #f9f6ec, RGB: (249, 246, 236)
HEX: #c6b8e9, RGB: (198, 184, 233); HEX: #1c1c1e, RGB: (28, 28, 30); HEX: #7a7a7a, RGB: (122, 122, 122)
HEX: #00b8a9, RGB: (0, 184, 169)
Versi warna palet yang disederhanakan
Warna dari mediumaquamarine, Warna dari royalblue, Warna dari floralwhite, Warna dari thistle, Bayangan dari Hitam, Warna dari Abu-abu, Warna dari lightseagreen
Skema warna diciptakan oleh hex
Kode warna dalam palet
AI-Driven UX Kit with React Components kode warna HEX, informasi RGB dalam tabel
| Warna | HEX | RGB | Nama | nama alternatif |
| #3dd6b0 | #3dd6b0 | RGB(61, 214, 176) | Neural Mint | — |
| #0066ff | #0066ff | RGB(0, 102, 255) | Hyperlink Blue | Blue Ribbon |
| #f9f6ec | #f9f6ec | RGB(249, 246, 236) | Tensor Beige | — |
| #c6b8e9 | #c6b8e9 | RGB(198, 184, 233) | Cognitive Lilac | — |
| #1c1c1e | #1c1c1e | RGB(28, 28, 30) | Dark Mode Panel | — |
| #7a7a7a | #7a7a7a | RGB(122, 122, 122) | Accessible Grey | Gray48 |
| #00b8a9 | #00b8a9 | RGB(0, 184, 169) | Command Button Teal | — |
Kontras Palet Warna
8 pasangan warna memiliki kontras rendah dan perlu perbaikan, yang dapat memengaruhi keterbacaan.
| Warna teks | Warna latar belakang | Rasio Kontras |
#3dd6b0 | #f9f6ec | 1.69 |
#3dd6b0 | #c6b8e9 | 1 |
#3dd6b0 | #00b8a9 | 1.35 |
#0066ff | #7a7a7a | 1.12 |
#0066ff | #00b8a9 | 1.94 |
#f9f6ec | #c6b8e9 | 1.69 |
Palet gambar AI-Driven UX Kit with React Components png
Ekspor Palet
Unduh "AI-Driven UX Kit with React Components" dalam berbagai format untuk integrasi yang mulus ke proyek desain Anda.
Format tersedia: