Reactjs colors palette
- #61dafb
- #20232a
- #282c34
- #ffffff
- #fac863
- #c5a5c5
- #fc929e
- #79b6f2
- #8dc891
- #5fb3b3
Utworzono 12/29/2017 21:43
Paleta składa się z kolorów Jasny, Ciemny. Kolory akcentujące #61dafb i #fc929e. Paleta ma temperaturę kolorów Zimny, Neutralny, Ciepły.
Według jasności paleta rozciąga się od #20232A (najciemniejszy) do #FFFFFF (najjaśniejszy). Zakres jasności jest szeroki.
Nasycenie jest mieszane — 4 stonowanych i 4 żywych z 10 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 zimnu (7 z 10).
Kody HEX (posortowane): #20232A, #282C34, #5FB3B3, #61DAFB, #79B6F2, #8DC891, #C5A5C5, #FAC863, #FC929E, #FFFFFF
Paleta Reactjs colors palette łączy 10 kodów kolorów:
HEX: #61dafb, RGB: (97, 218, 251); HEX: #20232a, RGB: (32, 35, 42); HEX: #282c34, RGB: (40, 44, 52)
HEX: #ffffff, RGB: (255, 255, 255); HEX: #fac863, RGB: (250, 200, 99); HEX: #c5a5c5, RGB: (197, 165, 197)
HEX: #fc929e, RGB: (252, 146, 158); HEX: #79b6f2, RGB: (121, 182, 242); HEX: #8dc891, RGB: (141, 200, 145)
HEX: #5fb3b3, RGB: (95, 179, 179)
Uproszczona wersja palety kolorów
Ciemny odcień Błękit nieba, Jasny odcień Czarny, Jasny odcień Czarny, Biały, Jasny odcień Nawłoć, Ciemny odcień Ostowy, Jasny odcień Jasnokoralowy, Ciemny odcień Jasny błękit nieba, Jasny odcień Ciemna zieleń morska, Jasny odcień Jasna zieleń morska
Schemat kolorów został stworzony przez mz
Kody kolorów w palecie
Reactjs colors palette kody kolorów HEX, informacje RGB w tabeli
| Kolor | HEX | RGB | Nazwa | Alternatywna nazwa |
|---|---|---|---|---|
| #61dafb | #61dafb | RGB(97, 218, 251) | — | — |
| #20232a | #20232a | RGB(32, 35, 42) | — | — |
| #282c34 | #282c34 | RGB(40, 44, 52) | — | — |
| #ffffff | #ffffff | RGB(255, 255, 255) | — | White |
| #fac863 | #fac863 | RGB(250, 200, 99) | — | — |
| #c5a5c5 | #c5a5c5 | RGB(197, 165, 197) | — | — |
| #fc929e | #fc929e | RGB(252, 146, 158) | — | — |
| #79b6f2 | #79b6f2 | RGB(121, 182, 242) | — | — |
| #8dc891 | #8dc891 | RGB(141, 200, 145) | — | — |
| #5fb3b3 | #5fb3b3 | RGB(95, 179, 179) | — | — |
Kontrast palety kolorów
25 pary kolorów mają niski kontrast i wymagają poprawy, co może wpłynąć na czytelność.
| Kolor tekstu | Kolor tła | Współczynnik kontrastu |
|---|---|---|
#61dafb | #ffffff | 1.62 |
#61dafb | #fac863 | 1.04 |
#61dafb | #c5a5c5 | 1.35 |
#61dafb | #fc929e | 1.32 |
#61dafb | #79b6f2 | 1.32 |
#61dafb | #8dc891 | 1.19 |
Paleta obrazów Reactjs colors palette png
Eksportuj paletę
Pobierz "Reactjs colors palette" w różnych formatach, aby bezproblemowo zintegrować ją z projektami graficznymi.
Dostępne formaty:
