AI Powered React UI Hyperstructure
- Component Indigo#3d5afe
- Gradient Peach#ffb300
- Vector Teal#00acc1
- Surface White#ffffff
- Shadow Gray#424242
- Accent Rose#f06292
- Quantum Blue#1e88e5
Dibuat pada 08/23/2025 11:55
Palet terdiri dari Setengah gelap, Terang warna. Warna aksen Gradient Peach #ffb300 dan Vector Teal #00acc1. Palet memiliki suhu warna Dingin, Hangat, Netral.
Menurut kecerahan, palet ini dari #424242 (paling gelap) ke #FFFFFF (paling terang). Rentang kecerahan lebar.
Saturasi keseluruhan terasa hidup (chroma tinggi) — 71% warna cerah.
Beberapa warna hampir berseberangan di roda warna, memberi palet ini kontras komplementer.
Secara keseluruhan suhu warna condong ke dingin (3 dari 7).
Kode HEX (diurutkan): #00ACC1, #1E88E5, #3D5AFE, #424242, #F06292, #FFB300, #FFFFFF
Palet AI Powered React UI Hyperstructure menggabungkan 7 kode warna:
HEX: #3d5afe, RGB: (61, 90, 254); HEX: #ffb300, RGB: (255, 179, 0); HEX: #00acc1, RGB: (0, 172, 193)
HEX: #ffffff, RGB: (255, 255, 255); HEX: #424242, RGB: (66, 66, 66); HEX: #f06292, RGB: (240, 98, 146)
HEX: #1e88e5, RGB: (30, 136, 229)
Versi warna palet yang disederhanakan
Nuansa gelap dari Biru royal, Nuansa terang dari Oranye, Nuansa gelap dari Biru kadet, Putih, Nuansa gelap dari Abu-abu batu tua, Nuansa gelap dari Merah violet pucat, Nuansa gelap dari Biru Dodger
Skema warna diciptakan oleh colorday
Kode warna dalam palet
AI Powered React UI Hyperstructure kode warna HEX, informasi RGB dalam tabel
| Warna | HEX | RGB | Nama | nama alternatif |
|---|---|---|---|---|
| #3d5afe | #3d5afe | RGB(61, 90, 254) | Component Indigo | — |
| #ffb300 | #ffb300 | RGB(255, 179, 0) | Gradient Peach | UCLA Gold |
| #00acc1 | #00acc1 | RGB(0, 172, 193) | Vector Teal | — |
| #ffffff | #ffffff | RGB(255, 255, 255) | Surface White | White |
| #424242 | #424242 | RGB(66, 66, 66) | Shadow Gray | Black Panther |
| #f06292 | #f06292 | RGB(240, 98, 146) | Accent Rose | — |
| #1e88e5 | #1e88e5 | RGB(30, 136, 229) | Quantum Blue | — |
Kontras Palet Warna
10 pasangan warna memiliki kontras rendah dan perlu perbaikan, yang dapat memengaruhi keterbacaan.
| Warna teks | Warna latar belakang | Rasio Kontras |
|---|---|---|
#3d5afe | #00acc1 | 1.87 |
#3d5afe | #424242 | 1.95 |
#3d5afe | #f06292 | 1.67 |
#3d5afe | #1e88e5 | 1.39 |
#ffb300 | #00acc1 | 1.52 |
#ffb300 | #ffffff | 1.79 |
Palet gambar AI Powered React UI Hyperstructure png
Ekspor Palet
Unduh "AI Powered React UI Hyperstructure" dalam berbagai format untuk integrasi yang mulus ke proyek desain Anda.
Format tersedia: