Utworzono o godz 06/24/2025 17:25
React Native Health Tracker
- Step Blue Glow#91ceff
- Pulse Pink#ff96a1
- Water Goal Mint#c2fbe3
- Sleep Panel Slate#1f1f1f
- Notification Yellow Flash#fff66d
- Card Shell White#fafafa
Paleta składa się z kolorów Światło, Ciemny. Kolory akcentujące Step Blue Glow #91ceff i Notification Yellow Flash #fff66d. Paleta ma temperaturę kolorów Zimny, Ciepły, Neutralny.
Według jasności paleta rozciąga się od #1F1F1F (najciemniejszy) do #FAFAFA (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).
Ciepłe i zimne próbki są dość zrównoważone.
Kody HEX (posortowane): #1F1F1F, #91CEFF, #C2FBE3, #FAFAFA, #FF96A1, #FFF66D
Paleta React Native Health Tracker zawiera kombinację kolorów kodów 6:
KLĄTWA: #91ceff, RGB: (145, 206, 255); KLĄTWA: #ff96a1, RGB: (255, 150, 161); KLĄTWA: #c2fbe3, RGB: (194, 251, 227)
KLĄTWA: #1f1f1f, RGB: (31, 31, 31); KLĄTWA: #fff66d, RGB: (255, 246, 109); KLĄTWA: #fafafa, RGB: (250, 250, 250)
Uproszczona wersja palety kolorów
Cień lightskyblue, Cień lightcoral, Cień paleturquoise, Cień Czarny, Cień Żółty, Cień whitesmoke
Schemat kolorów został stworzony przez raccoon
Kody kolorów w palecie
React Native Health Tracker kody kolorów HEX, informacje RGB w tabeli
| Kolor | KLĄTWA | RGB | Nazwa | alternatywne imie |
| #91ceff | #91ceff | RGB(145, 206, 255) | Step Blue Glow | — |
| #ff96a1 | #ff96a1 | RGB(255, 150, 161) | Pulse Pink | — |
| #c2fbe3 | #c2fbe3 | RGB(194, 251, 227) | Water Goal Mint | — |
| #1f1f1f | #1f1f1f | RGB(31, 31, 31) | Sleep Panel Slate | Gray12 |
| #fff66d | #fff66d | RGB(255, 246, 109) | Notification Yellow Flash | — |
| #fafafa | #fafafa | RGB(250, 250, 250) | Card Shell White | Dr. White |
Kontrast palety kolorów
10 pary kolorów mają niski kontrast i wymagają poprawy, co może wpłynąć na czytelność.
| Kolor tekstu | Kolor tła | Współczynnik kontrastu |
#91ceff | #ff96a1 | 1.23 |
#91ceff | #c2fbe3 | 1.45 |
#91ceff | #fff66d | 1.49 |
#91ceff | #fafafa | 1.61 |
#ff96a1 | #c2fbe3 | 1.79 |
#ff96a1 | #fff66d | 1.84 |
Paleta obrazów React Native Health Tracker png
Eksportuj paletę
Pobierz "React Native Health Tracker" w różnych formatach, aby bezproblemowo zintegrować ją z projektami graficznymi.
Dostępne formaty: