Frontend Animation Studio
- Keyframe Indigo#6366f1
- Transition Mint#4ade80
- Delay Cream#fffdf7
- Bounce Coral#fb7185
- Ease Slate#475569
- Play Fog#f5f5f5
- Loop Jet#0f172a
Utworzono 06/30/2025 19:22
Paleta składa się z kolorów Jasny, Półciemny, Ciemny. Kolory akcentujące Keyframe Indigo #6366f1 i Delay Cream #fffdf7. Paleta ma temperaturę kolorów Zimny, Neutralny, Ciepły.
Według jasności paleta rozciąga się od #0F172A (najciemniejszy) do #FFFDF7 (najjaśniejszy). Zakres jasności jest szeroki.
Nasycenie wydaje się żywe (wysoka chroma) — 57% kolorów jest żywych.
Niektóre kolory leżą niemal naprzeciw siebie na kole barw, co daje palecie kontrast dopełniający.
Ogólna temperatura barw przechyla się ku zimnu (4 z 7).
Kody HEX (posortowane): #0F172A, #475569, #4ADE80, #6366F1, #F5F5F5, #FB7185, #FFFDF7
Paleta Frontend Animation Studio łączy 7 kodów kolorów:
HEX: #6366f1, RGB: (99, 102, 241); HEX: #4ade80, RGB: (74, 222, 128); HEX: #fffdf7, RGB: (255, 253, 247)
HEX: #fb7185, RGB: (251, 113, 133); HEX: #475569, RGB: (71, 85, 105); HEX: #f5f5f5, RGB: (245, 245, 245)
HEX: #0f172a, RGB: (15, 23, 42)
Uproszczona wersja palety kolorów
Ciemny odcień Średni łupkowy niebieski, Jasny odcień Średnia wiosenna zieleń, Jasny odcień Kwiatowa biel, Ciemny odcień Jasnokoralowy, Jasny odcień Ciemny łupkowy niebieski, Biały dym, Jasny odcień Czarny
Schemat kolorów został stworzony przez bad_colors
Kody kolorów w palecie
Frontend Animation Studio kody kolorów HEX, informacje RGB w tabeli
| Kolor | HEX | RGB | Nazwa | Alternatywna nazwa |
|---|---|---|---|---|
| #6366f1 | #6366f1 | RGB(99, 102, 241) | Keyframe Indigo | — |
| #4ade80 | #4ade80 | RGB(74, 222, 128) | Transition Mint | — |
| #fffdf7 | #fffdf7 | RGB(255, 253, 247) | Delay Cream | — |
| #fb7185 | #fb7185 | RGB(251, 113, 133) | Bounce Coral | — |
| #475569 | #475569 | RGB(71, 85, 105) | Ease Slate | — |
| #f5f5f5 | #f5f5f5 | RGB(245, 245, 245) | Play Fog | Whitesmoke |
| #0f172a | #0f172a | RGB(15, 23, 42) | Loop Jet | — |
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 |
|---|---|---|
#6366f1 | #fb7185 | 1.65 |
#6366f1 | #475569 | 1.69 |
#4ade80 | #fffdf7 | 1.71 |
#4ade80 | #fb7185 | 1.54 |
#4ade80 | #f5f5f5 | 1.59 |
#fffdf7 | #f5f5f5 | 1.07 |
Paleta obrazów Frontend Animation Studio png
Eksportuj paletę
Pobierz "Frontend Animation Studio" w różnych formatach, aby bezproblemowo zintegrować ją z projektami graficznymi.
Dostępne formaty: