Dibuat di 07/10/2025 08:47
Reactive Component Design Language
- Observer Navy#1e3a8a
- Mutation Coral#f67280
- Trigger Mint#a6f6d5
- Render Frost#eef2f5
- Hook Violet#b388eb
- Fiber Slate#475569
Palet terdiri dari Lampu, Setengah gelap warna. Warna aksen Mutation Coral #f67280 Dan Trigger Mint #a6f6d5. Palet memiliki suhu warna Dingin, Hangat, Netral.
Menurut kecerahan, palet ini dari #1E3A8A (paling gelap) ke #EEF2F5 (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): #1E3A8A, #475569, #A6F6D5, #B388EB, #EEF2F5, #F67280
Palette Reactive Component Design Language memiliki kombinasi warna kode 6:
HEX: #1e3a8a, RGB: (30, 58, 138); HEX: #f67280, RGB: (246, 114, 128); HEX: #a6f6d5, RGB: (166, 246, 213)
HEX: #eef2f5, RGB: (238, 242, 245); HEX: #b388eb, RGB: (179, 136, 235); HEX: #475569, RGB: (71, 85, 105)
Versi warna palet yang disederhanakan
Warna dari darkslateblue, Warna dari lightcoral, Bayangan dari aquamarine, Warna dari aliceblue, Bayangan dari mediumpurple, Bayangan dari darkslateblue
Skema warna diciptakan oleh colorscheme
Kode warna dalam palet
Reactive Component Design Language kode warna HEX, informasi RGB dalam tabel
| Warna | HEX | RGB | Nama | nama alternatif |
| #1e3a8a | #1e3a8a | RGB(30, 58, 138) | Observer Navy | — |
| #f67280 | #f67280 | RGB(246, 114, 128) | Mutation Coral | — |
| #a6f6d5 | #a6f6d5 | RGB(166, 246, 213) | Trigger Mint | — |
| #eef2f5 | #eef2f5 | RGB(238, 242, 245) | Render Frost | — |
| #b388eb | #b388eb | RGB(179, 136, 235) | Hook Violet | — |
| #475569 | #475569 | RGB(71, 85, 105) | Fiber Slate | — |
Kontras Palet Warna
3 pasangan warna memiliki kontras rendah dan perlu perbaikan, yang dapat memengaruhi keterbacaan.
| Warna teks | Warna latar belakang | Rasio Kontras |
#1e3a8a | #475569 | 1.36 |
#f67280 | #b388eb | 1 |
#a6f6d5 | #eef2f5 | 1.11 |
Palet gambar Reactive Component Design Language png
Ekspor Palet
Unduh "Reactive Component Design Language" dalam berbagai format untuk integrasi yang mulus ke proyek desain Anda.
Format tersedia: