Loading...
Utworzono o godz 07/23/2025 08:36
Reactive CSS Framework UI Tokens
- Media Query Navy#1b263b
- StyleSheet Cream#fcf5ed
- Root Coral#ff686b
- Hover White#fefefe
- Token Sky#4ea8de
- Border Slate#708090
Paleta składa się z kolorów Ciemny, Światło. Kolory akcentujące Root Coral #ff686b i Token Sky #4ea8de. Paleta ma temperaturę kolorów Zimny, Neutralny, Ciepły.
Według jasności paleta rozciąga się od #1B263B (najciemniejszy) do #FEFEFE (najjaśniejszy). Zakres jasności jest szeroki.
Nasycenie jest mieszane — część próbek stonowana, część żywsza.
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): #1B263B, #4EA8DE, #708090, #FCF5ED, #FEFEFE, #FF686B
Paleta Reactive CSS Framework UI Tokens zawiera kombinację kolorów kodów 6:
KLĄTWA: #1b263b, RGB: (27, 38, 59); KLĄTWA: #fcf5ed, RGB: (252, 245, 237); KLĄTWA: #ff686b, RGB: (255, 104, 107)
KLĄTWA: #fefefe, RGB: (254, 254, 254); KLĄTWA: #4ea8de, RGB: (78, 168, 222); KLĄTWA: #708090, RGB: (112, 128, 144)
Uproszczona wersja palety kolorów
Cień midnightblue, Odcień floralwhite, Odcień lightcoral, Odcień Biały, Cień deepskyblue
Schemat kolorów został stworzony przez raccoon
Kody kolorów w palecie
Reactive CSS Framework UI Tokens kody kolorów HEX, informacje RGB w tabeli
| Kolor | KLĄTWA | RGB | Nazwa | alternatywne imie |
| #1b263b | #1b263b | RGB(27, 38, 59) | Media Query Navy | — |
| #fcf5ed | #fcf5ed | RGB(252, 245, 237) | StyleSheet Cream | — |
| #ff686b | #ff686b | RGB(255, 104, 107) | Root Coral | — |
| #fefefe | #fefefe | RGB(254, 254, 254) | Hover White | White as Heaven |
| #4ea8de | #4ea8de | RGB(78, 168, 222) | Token Sky | — |
| #708090 | #708090 | RGB(112, 128, 144) | Border Slate | Chain Gang Grey |
Kontrast palety kolorów
4 pary kolorów mają niski kontrast i wymagają poprawy, co może wpłynąć na czytelność.
| Kolor tekstu | Kolor tła | Współczynnik kontrastu |
#fcf5ed | #fefefe | 1.07 |
#ff686b | #4ea8de | 1.07 |
#ff686b | #708090 | 1.43 |
#4ea8de | #708090 | 1.54 |
Paleta obrazów Reactive CSS Framework UI Tokens png
Eksportuj paletę
Pobierz "Reactive CSS Framework UI Tokens" w różnych formatach, aby bezproblemowo zintegrować ją z projektami graficznymi.
Dostępne formaty: