Dibuat di 06/26/2025 08:41
Web Performance Visual Kit
- Speed Lime#a3e635
- Lag Blush#fbcfe8
- Cache Black#0f172a
- CDN Sky#60a5fa
- Audit Cream#fdf6ec
- Render Gray#d1d5db
- Load Time Pink#f472b6
Palet terdiri dari Lampu, Gelap warna. Warna aksen CDN Sky #60a5fa Dan Audit Cream #fdf6ec. Palet memiliki suhu warna Hangat, Netral, Dingin.
Menurut kecerahan, palet ini dari #0F172A (paling gelap) ke #FDF6EC (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): #0F172A, #60A5FA, #A3E635, #D1D5DB, #F472B6, #FBCFE8, #FDF6EC
Palette Web Performance Visual Kit memiliki kombinasi warna kode 7:
HEX: #a3e635, RGB: (163, 230, 53); HEX: #fbcfe8, RGB: (251, 207, 232); HEX: #0f172a, RGB: (15, 23, 42)
HEX: #60a5fa, RGB: (96, 165, 250); HEX: #fdf6ec, RGB: (253, 246, 236); HEX: #d1d5db, RGB: (209, 213, 219)
HEX: #f472b6, RGB: (244, 114, 182)
Versi warna palet yang disederhanakan
Bayangan dari Kuning hijau, Bayangan dari thistle, Bayangan dari Hitam, Bayangan dari cornflowerblue, Warna dari floralwhite, Bayangan dari lightgrey, Bayangan dari hotpink
Skema warna diciptakan oleh colorday
Kode warna dalam palet
Web Performance Visual Kit kode warna HEX, informasi RGB dalam tabel
| Warna | HEX | RGB | Nama | nama alternatif |
| #a3e635 | #a3e635 | RGB(163, 230, 53) | Speed Lime | — |
| #fbcfe8 | #fbcfe8 | RGB(251, 207, 232) | Lag Blush | — |
| #0f172a | #0f172a | RGB(15, 23, 42) | Cache Black | — |
| #60a5fa | #60a5fa | RGB(96, 165, 250) | CDN Sky | — |
| #fdf6ec | #fdf6ec | RGB(253, 246, 236) | Audit Cream | — |
| #d1d5db | #d1d5db | RGB(209, 213, 219) | Render Gray | — |
| #f472b6 | #f472b6 | RGB(244, 114, 182) | Load Time Pink | — |
Kontras Palet Warna
13 pasangan warna memiliki kontras rendah dan perlu perbaikan, yang dapat memengaruhi keterbacaan.
| Warna teks | Warna latar belakang | Rasio Kontras |
#a3e635 | #fbcfe8 | 1.09 |
#a3e635 | #60a5fa | 1.68 |
#a3e635 | #fdf6ec | 1.4 |
#a3e635 | #d1d5db | 1.02 |
#a3e635 | #f472b6 | 1.75 |
#fbcfe8 | #60a5fa | 1.83 |
Palet gambar Web Performance Visual Kit png
Ekspor Palet
Unduh "Web Performance Visual Kit" dalam berbagai format untuk integrasi yang mulus ke proyek desain Anda.
Format tersedia: