Utworzono o godz 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
Paleta składa się z kolorów Światło, Ciemny. Kolory akcentujące CDN Sky #60a5fa i Audit Cream #fdf6ec. Paleta ma temperaturę kolorów Ciepły, Neutralny, Zimny.
Według jasności paleta rozciąga się od #0F172A (najciemniejszy) do #FDF6EC (najjaśniejszy). Zakres jasności jest szeroki.
Nasycenie wydaje się żywe (wysoka chroma).
Niektóre pary barw są blisko pozycji dopełniających — można to odczytać jako kontrast dopełniający (heurystyka).
Ogólna temperatura barw przechyla się ku zimnu.
Kody HEX (posortowane): #0F172A, #60A5FA, #A3E635, #D1D5DB, #F472B6, #FBCFE8, #FDF6EC
Paleta Web Performance Visual Kit zawiera kombinację kolorów kodów 7:
KLĄTWA: #a3e635, RGB: (163, 230, 53); KLĄTWA: #fbcfe8, RGB: (251, 207, 232); KLĄTWA: #0f172a, RGB: (15, 23, 42)
KLĄTWA: #60a5fa, RGB: (96, 165, 250); KLĄTWA: #fdf6ec, RGB: (253, 246, 236); KLĄTWA: #d1d5db, RGB: (209, 213, 219)
KLĄTWA: #f472b6, RGB: (244, 114, 182)
Uproszczona wersja palety kolorów
Cień Żółty zielony, Cień thistle, Cień Czarny, Cień cornflowerblue, Odcień floralwhite, Cień lightgrey, Cień hotpink
Schemat kolorów został stworzony przez colorday
Kody kolorów w palecie
Web Performance Visual Kit kody kolorów HEX, informacje RGB w tabeli
| Kolor | KLĄTWA | RGB | Nazwa | alternatywne imie |
| #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 | — |
Kontrast palety kolorów
13 pary kolorów mają niski kontrast i wymagają poprawy, co może wpłynąć na czytelność.
| Kolor tekstu | Kolor tła | Współczynnik kontrastu |
#a3e635 | #fbcfe8 | 1.09 |
#a3e635 | #60a5fa | 1.68 |
#a3e635 | #fdf6ec | 1.4 |
#a3e635 | #d1d5db | 1.02 |
#a3e635 | #f472b6 | 1.75 |
#fbcfe8 | #60a5fa | 1.83 |
Paleta obrazów Web Performance Visual Kit png
Eksportuj paletę
Pobierz "Web Performance Visual Kit" w różnych formatach, aby bezproblemowo zintegrować ją z projektami graficznymi.
Dostępne formaty: