Cross-Device App Design Tokens
- Responsive Indigo#6366f1
- Touch Mist#f3f4f6
- Resize Gold#facc15
- Screen Slate#334155
- Breakpoint Cream#fff7ed
- Click Coral#f87171
- Flex Black#1f2937
Dibuat pada 06/27/2025 17:27
Palet terdiri dari Terang, Setengah gelap, Gelap warna. Warna aksen Responsive Indigo #6366f1 dan Breakpoint Cream #fff7ed. Palet memiliki suhu warna Dingin, Netral, Hangat.
Menurut kecerahan, palet ini dari #1F2937 (paling gelap) ke #FFF7ED (paling terang). Rentang kecerahan lebar.
Saturasi keseluruhan terasa hidup (chroma tinggi) — 57% 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): #1F2937, #334155, #6366F1, #F3F4F6, #F87171, #FACC15, #FFF7ED
Palet Cross-Device App Design Tokens menggabungkan 7 kode warna:
HEX: #6366f1, RGB: (99, 102, 241); HEX: #f3f4f6, RGB: (243, 244, 246); HEX: #facc15, RGB: (250, 204, 21)
HEX: #334155, RGB: (51, 65, 85); HEX: #fff7ed, RGB: (255, 247, 237); HEX: #f87171, RGB: (248, 113, 113)
HEX: #1f2937, RGB: (31, 41, 55)
Versi warna palet yang disederhanakan
Nuansa gelap dari Biru batu sedang, Nuansa gelap dari Asap putih, Nuansa gelap dari Emas, Nuansa gelap dari Biru batu tua, Nuansa gelap dari Putih bunga, Nuansa gelap dari Koral muda, Nuansa terang dari Hitam
Skema warna diciptakan oleh hex
Kode warna dalam palet
Cross-Device App Design Tokens kode warna HEX, informasi RGB dalam tabel
| Warna | HEX | RGB | Nama | nama alternatif |
|---|---|---|---|---|
| #6366f1 | #6366f1 | RGB(99, 102, 241) | Responsive Indigo | — |
| #f3f4f6 | #f3f4f6 | RGB(243, 244, 246) | Touch Mist | — |
| #facc15 | #facc15 | RGB(250, 204, 21) | Resize Gold | — |
| #334155 | #334155 | RGB(51, 65, 85) | Screen Slate | — |
| #fff7ed | #fff7ed | RGB(255, 247, 237) | Breakpoint Cream | Fatback |
| #f87171 | #f87171 | RGB(248, 113, 113) | Click Coral | — |
| #1f2937 | #1f2937 | RGB(31, 41, 55) | Flex Black | — |
Kontras Palet Warna
6 pasangan warna memiliki kontras rendah dan perlu perbaikan, yang dapat memengaruhi keterbacaan.
| Warna teks | Warna latar belakang | Rasio Kontras |
|---|---|---|
#6366f1 | #f87171 | 1.61 |
#f3f4f6 | #facc15 | 1.39 |
#f3f4f6 | #fff7ed | 1.03 |
#facc15 | #fff7ed | 1.44 |
#facc15 | #f87171 | 1.8 |
#334155 | #1f2937 | 1.41 |
Palet gambar Cross-Device App Design Tokens png
Ekspor Palet
Unduh "Cross-Device App Design Tokens" dalam berbagai format untuk integrasi yang mulus ke proyek desain Anda.
Format tersedia: