Utworzono o godz 08/25/2025 19:34
React Native Gamified Component Flow ColorsKit
- Hook Blue#4ea8de
- State Green#50c878
- Prop Pink#ff7f91
- Context Cream#fff4e1
- Render Slate#1f2029
- Virtual DOM Black#101010
- Highlight Orange#ff9f43
Paleta składa się z kolorów Światło, Ciemny. Kolory akcentujące Hook Blue #4ea8de i Context Cream #fff4e1. Paleta ma temperaturę kolorów Zimny, Ciepły, Neutralny.
Według jasności paleta rozciąga się od #101010 (najciemniejszy) do #FFF4E1 (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): #101010, #1F2029, #4EA8DE, #50C878, #FF7F91, #FF9F43, #FFF4E1
Paleta React Native Gamified Component Flow ColorsKit zawiera kombinację kolorów kodów 7:
KLĄTWA: #4ea8de, RGB: (78, 168, 222); KLĄTWA: #50c878, RGB: (80, 200, 120); KLĄTWA: #ff7f91, RGB: (255, 127, 145)
KLĄTWA: #fff4e1, RGB: (255, 244, 225); KLĄTWA: #1f2029, RGB: (31, 32, 41); KLĄTWA: #101010, RGB: (16, 16, 16)
KLĄTWA: #ff9f43, RGB: (255, 159, 67)
Uproszczona wersja palety kolorów
Cień deepskyblue, Cień mediumseagreen, Cień lightcoral, Odcień oldlace, Cień Czarny, Cień Czarny, Odcień sandybrown
Schemat kolorów został stworzony przez colorstudio
Kody kolorów w palecie
React Native Gamified Component Flow ColorsKit kody kolorów HEX, informacje RGB w tabeli
| Kolor | KLĄTWA | RGB | Nazwa | alternatywne imie |
| #4ea8de | #4ea8de | RGB(78, 168, 222) | Hook Blue | — |
| #50c878 | #50c878 | RGB(80, 200, 120) | State Green | Emerald Reflection |
| #ff7f91 | #ff7f91 | RGB(255, 127, 145) | Prop Pink | — |
| #fff4e1 | #fff4e1 | RGB(255, 244, 225) | Context Cream | — |
| #1f2029 | #1f2029 | RGB(31, 32, 41) | Render Slate | — |
| #101010 | #101010 | RGB(16, 16, 16) | Virtual DOM Black | — |
| #ff9f43 | #ff9f43 | RGB(255, 159, 67) | Highlight Orange | — |
Kontrast palety kolorów
9 pary kolorów mają niski kontrast i wymagają poprawy, co może wpłynąć na czytelność.
| Kolor tekstu | Kolor tła | Współczynnik kontrastu |
#4ea8de | #50c878 | 1.23 |
#4ea8de | #ff7f91 | 1.08 |
#4ea8de | #ff9f43 | 1.28 |
#50c878 | #ff7f91 | 1.13 |
#50c878 | #fff4e1 | 1.95 |
#50c878 | #ff9f43 | 1.04 |
Paleta obrazów React Native Gamified Component Flow ColorsKit png
Eksportuj paletę
Pobierz "React Native Gamified Component Flow ColorsKit" w różnych formatach, aby bezproblemowo zintegrować ją z projektami graficznymi.
Dostępne formaty: