Loading...
Utworzono o godz 07/23/2025 08:36
  26

Reactive CSS Framework UI Tokens

  • Media Query Navy
    #1b263b
  • StyleSheet Cream
    #fcf5ed
  • Root Coral
    #ff686b
  • Hover White
    #fefefe
  • Token Sky
    #4ea8de
  • Border Slate
    #708090
Loading...
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 WhiteWhite as Heaven
#4ea8de #4ea8de RGB(78, 168, 222)Token Sky
#708090 #708090 RGB(112, 128, 144)Border SlateChain 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

Loading...
Loading...
Loading...