Functional Reactive UX Schema
- Pipe Coral#ff6b6b
- Signal Cream#fff8e7
- Stream Graphite#3b3b3b
- Map Teal#4de1c1
- Flat Blue#80b1f7
- Fold White#f5f5f5
Utworzono 07/28/2025 11:20
Paleta składa się z kolorów Jasny, Półciemny. Kolory akcentujące Signal Cream #fff8e7 i Flat Blue #80b1f7. Paleta ma temperaturę kolorów Ciepły, Neutralny, Zimny.
Według jasności paleta rozciąga się od #3B3B3B (najciemniejszy) do #FFF8E7 (najjaśniejszy). Zakres jasności jest szeroki.
Nasycenie wydaje się żywe (wysoka chroma) — 67% kolorów jest żywych.
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 (2 z 6).
Kody HEX (posortowane): #3B3B3B, #4DE1C1, #80B1F7, #F5F5F5, #FF6B6B, #FFF8E7
Paleta Functional Reactive UX Schema łączy 6 kodów kolorów:
HEX: #ff6b6b, RGB: (255, 107, 107); HEX: #fff8e7, RGB: (255, 248, 231); HEX: #3b3b3b, RGB: (59, 59, 59)
HEX: #4de1c1, RGB: (77, 225, 193); HEX: #80b1f7, RGB: (128, 177, 247); HEX: #f5f5f5, RGB: (245, 245, 245)
Uproszczona wersja palety kolorów
Ciemny odcień Łososiowy, Jasny odcień Stara koronka, Ciemny odcień Ciemny łupkowy szary, Jasny odcień Turkusowy, Jasny odcień Chabrowy, Biały dym
Schemat kolorów został stworzony przez colourlock
Kody kolorów w palecie
Functional Reactive UX Schema kody kolorów HEX, informacje RGB w tabeli
| Kolor | HEX | RGB | Nazwa | Alternatywna nazwa |
|---|---|---|---|---|
| #ff6b6b | #ff6b6b | RGB(255, 107, 107) | Pipe Coral | — |
| #fff8e7 | #fff8e7 | RGB(255, 248, 231) | Signal Cream | Cosmic Latte |
| #3b3b3b | #3b3b3b | RGB(59, 59, 59) | Stream Graphite | Gray23 |
| #4de1c1 | #4de1c1 | RGB(77, 225, 193) | Map Teal | — |
| #80b1f7 | #80b1f7 | RGB(128, 177, 247) | Flat Blue | — |
| #f5f5f5 | #f5f5f5 | RGB(245, 245, 245) | Fold White | Whitesmoke |
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 |
|---|---|---|
#ff6b6b | #4de1c1 | 1.69 |
#ff6b6b | #80b1f7 | 1.26 |
#fff8e7 | #4de1c1 | 1.54 |
#fff8e7 | #f5f5f5 | 1.02 |
#4de1c1 | #80b1f7 | 1.34 |
#4de1c1 | #f5f5f5 | 1.49 |
Paleta obrazów Functional Reactive UX Schema png
Eksportuj paletę
Pobierz "Functional Reactive UX Schema" w różnych formatach, aby bezproblemowo zintegrować ją z projektami graficznymi.
Dostępne formaty: