Dibuat di 04/15/2026 11:36
AI Assisted Full Stack React TypeScript Design System Toolkit
- Stack Night#0d1117
- React Sky#61dafb
- TS Indigo#3178c6
- Hook Green#2dd4bf
- State Amber#fbbf24
- Error Rose#fb7185
- Surface Gray#9aa4b2
- Base White#f8fafc
Palet terdiri dari Gelap, Lampu warna. Warna aksen React Sky #61dafb Dan State Amber #fbbf24. Palet memiliki suhu warna Netral, Dingin, Hangat.
Menurut kecerahan, palet ini dari #0D1117 (paling gelap) ke #F8FAFC (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): #0D1117, #2DD4BF, #3178C6, #61DAFB, #9AA4B2, #F8FAFC, #FB7185, #FBBF24
Palette AI Assisted Full Stack React TypeScript Design System Toolkit memiliki kombinasi warna kode 8:
HEX: #0d1117, RGB: (13, 17, 23); HEX: #61dafb, RGB: (97, 218, 251); HEX: #3178c6, RGB: (49, 120, 198)
HEX: #2dd4bf, RGB: (45, 212, 191); HEX: #fbbf24, RGB: (251, 191, 36); HEX: #fb7185, RGB: (251, 113, 133)
HEX: #9aa4b2, RGB: (154, 164, 178); HEX: #f8fafc, RGB: (248, 250, 252)
Versi warna palet yang disederhanakan
Bayangan dari Hitam, Warna dari skyblue, Warna dari steelblue, Warna dari turquoise, Bayangan dari goldenrod, Warna dari lightcoral, Warna dari darkgrey, Bayangan dari whitesmoke
Skema warna diciptakan oleh colorslib
Kode warna dalam palet
AI Assisted Full Stack React TypeScript Design System Toolkit kode warna HEX, informasi RGB dalam tabel
| Warna | HEX | RGB | Nama | nama alternatif |
| #0d1117 | #0d1117 | RGB(13, 17, 23) | Stack Night | — |
| #61dafb | #61dafb | RGB(97, 218, 251) | React Sky | — |
| #3178c6 | #3178c6 | RGB(49, 120, 198) | TS Indigo | — |
| #2dd4bf | #2dd4bf | RGB(45, 212, 191) | Hook Green | — |
| #fbbf24 | #fbbf24 | RGB(251, 191, 36) | State Amber | — |
| #fb7185 | #fb7185 | RGB(251, 113, 133) | Error Rose | — |
| #9aa4b2 | #9aa4b2 | RGB(154, 164, 178) | Surface Gray | — |
| #f8fafc | #f8fafc | RGB(248, 250, 252) | Base White | — |
Kontras Palet Warna
15 pasangan warna memiliki kontras rendah dan perlu perbaikan, yang dapat memengaruhi keterbacaan.
| Warna teks | Warna latar belakang | Rasio Kontras |
#61dafb | #2dd4bf | 1.14 |
#61dafb | #fbbf24 | 1.02 |
#61dafb | #fb7185 | 1.65 |
#61dafb | #9aa4b2 | 1.55 |
#61dafb | #f8fafc | 1.55 |
#3178c6 | #fb7185 | 1.68 |
Palet gambar AI Assisted Full Stack React TypeScript Design System Toolkit png
Ekspor Palet
Unduh "AI Assisted Full Stack React TypeScript Design System Toolkit" dalam berbagai format untuk integrasi yang mulus ke proyek desain Anda.
Format tersedia: