Wygeneruj paletę
  1. Palety kolorów
  2. React Stateflow Dev Theme

React Stateflow Dev Theme

  • Component Cream
    #f7f5f0
  • Hook Slate
    #707070
  • Dispatch Yellow
    #ffd93d
  • Effect Blush
    #f99aa6
  • Tree Graphite
    #3b3b3b
  • Props Mint
    #b2ffda
  1
Utworzono 07/13/2025 09:19
autorstwacolorday
Paleta składa się z kolorów Jasny, Półciemny. Kolory akcentujące Effect Blush #f99aa6 i Props Mint #b2ffda. Paleta ma temperaturę kolorów Neutralny, Ciepły, Zimny.

Według jasności paleta rozciąga się od #3B3B3B (najciemniejszy) do #F7F5F0 (najjaśniejszy). Zakres jasności jest szeroki.

Nasycenie jest mieszane — 2 stonowanych i 3 żywych z 6 kolorów.

Niektóre kolory leżą niemal naprzeciw siebie na kole barw, co daje palecie kontrast dopełniający.

Ogólna temperatura barw przechyla się ku ciepłu (2 z 6).

Kody HEX (posortowane): #3B3B3B, #707070, #B2FFDA, #F7F5F0, #F99AA6, #FFD93D

Paleta React Stateflow Dev Theme łączy 6 kodów kolorów:
HEX: #f7f5f0, RGB: (247, 245, 240); HEX: #707070, RGB: (112, 112, 112); HEX: #ffd93d, RGB: (255, 217, 61)
HEX: #f99aa6, RGB: (249, 154, 166); HEX: #3b3b3b, RGB: (59, 59, 59); HEX: #b2ffda, RGB: (178, 255, 218)
Uproszczona wersja palety kolorów
Ciemny odcień Kwiatowa biel, Jasny odcień Przyćmiony szary, Jasny odcień Złoty, Ciemny odcień Jasnoróżowy, Ciemny odcień Ciemny łupkowy szary, Jasny odcień Akwamaryna
Schemat kolorów został stworzony przez colorday

Kody kolorów w palecie

React Stateflow Dev Theme kody kolorów HEX, informacje RGB w tabeli

Kolor HEX RGB Nazwa Alternatywna nazwa
#f7f5f0 #f7f5f0 RGB(247, 245, 240)Component Cream—
#707070 #707070 RGB(112, 112, 112)Hook SlateGray44
#ffd93d #ffd93d RGB(255, 217, 61)Dispatch Yellow—
#f99aa6 #f99aa6 RGB(249, 154, 166)Effect Blush—
#3b3b3b #3b3b3b RGB(59, 59, 59)Tree GraphiteGray23
#b2ffda #b2ffda RGB(178, 255, 218)Props Mint—

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
#f7f5f0
#ffd93d
1.26
#f7f5f0
#f99aa6
1.88
#f7f5f0
#b2ffda
1.05
#ffd93d
#f99aa6
1.49
#ffd93d
#b2ffda
1.19
#f99aa6
#b2ffda
1.78

Paleta obrazów React Stateflow Dev Theme png

React Stateflow Dev Theme paleta kolorów: Component Cream, Hook Slate, Dispatch Yellow, Effect Blush, Tree Graphite
 Pobierz obraz