Utworzono o godz 06/13/2025 11:38
Web Animation Timing Palette
- Keyframe Yellow#ffe066
- Ease Blue#3a86ff
- Loop Grey#f5f5f5
- Spring Mint#c7f9cc
- Transform Pink#fec5bb
- Timeline Charcoal#2e2e2e
Paleta składa się z kolorów Światło, Ciemny. Kolory akcentujące Keyframe Yellow #ffe066 i Ease Blue #3a86ff. Paleta ma temperaturę kolorów Ciepły, Zimny, Neutralny.
Według jasności paleta rozciąga się od #2E2E2E (najciemniejszy) do #F5F5F5 (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 ciepłu.
Kody HEX (posortowane): #2E2E2E, #3A86FF, #C7F9CC, #F5F5F5, #FEC5BB, #FFE066
Paleta Web Animation Timing Palette zawiera kombinację kolorów kodów 6:
KLĄTWA: #ffe066, RGB: (255, 224, 102); KLĄTWA: #3a86ff, RGB: (58, 134, 255); KLĄTWA: #f5f5f5, RGB: (245, 245, 245)
KLĄTWA: #c7f9cc, RGB: (199, 249, 204); KLĄTWA: #fec5bb, RGB: (254, 197, 187); KLĄTWA: #2e2e2e, RGB: (46, 46, 46)
Uproszczona wersja palety kolorów
Cień gold, Cień dodgerblue, Cień aquamarine, Cień Różowy, Cień Czarny
Schemat kolorów został stworzony przez colorhunt
Kody kolorów w palecie
Web Animation Timing Palette kody kolorów HEX, informacje RGB w tabeli
| Kolor | KLĄTWA | RGB | Nazwa | alternatywne imie |
| #ffe066 | #ffe066 | RGB(255, 224, 102) | Keyframe Yellow | — |
| #3a86ff | #3a86ff | RGB(58, 134, 255) | Ease Blue | — |
| #f5f5f5 | #f5f5f5 | RGB(245, 245, 245) | Loop Grey | White Smoke |
| #c7f9cc | #c7f9cc | RGB(199, 249, 204) | Spring Mint | — |
| #fec5bb | #fec5bb | RGB(254, 197, 187) | Transform Pink | — |
| #2e2e2e | #2e2e2e | RGB(46, 46, 46) | Timeline Charcoal | Carbon Fiber |
Kontrast palety kolorów
6 pary kolorów mają niski kontrast i wymagają poprawy, co może wpłynąć na czytelność.
| Kolor tekstu | Kolor tła | Współczynnik kontrastu |
#ffe066 | #f5f5f5 | 1.19 |
#ffe066 | #c7f9cc | 1.1 |
#ffe066 | #fec5bb | 1.15 |
#f5f5f5 | #c7f9cc | 1.07 |
#f5f5f5 | #fec5bb | 1.38 |
#c7f9cc | #fec5bb | 1.28 |
Paleta obrazów Web Animation Timing Palette png
Eksportuj paletę
Pobierz "Web Animation Timing Palette" w różnych formatach, aby bezproblemowo zintegrować ją z projektami graficznymi.
Dostępne formaty: