Utworzono o godz 08/10/2025 21:06
Cognitive UI Kit for React Apps
Brainwave Blue
#1c77c3
Neuron Neon
#9bf6ff
Synaptic Sand
#ffe8a3
Inference Ink
#22223b
Component Coral
#ff6f59
Render Rose
#fec5bb
Hook Heather
#b388eb
Paleta składa się z kolorów Światło, Ciemny. Kolory akcentujące Neuron Neon #9bf6ff i Synaptic Sand #ffe8a3. Paleta ma temperaturę kolorów Zimny, Ciepły.
Paleta Cognitive UI Kit for React Apps zawiera kombinację kolorów kodów 7:
KLĄTWA: #1c77c3, RGB: (28, 119, 195); KLĄTWA: #9bf6ff, RGB: (155, 246, 255); KLĄTWA: #ffe8a3, RGB: (255, 232, 163)
KLĄTWA: #22223b, RGB: (34, 34, 59); KLĄTWA: #ff6f59, RGB: (255, 111, 89); KLĄTWA: #fec5bb, RGB: (254, 197, 187)
KLĄTWA: #b388eb, RGB: (179, 136, 235)
Uproszczona wersja palety kolorów
Odcień steelblue, Cień paleturquoise, Cień palegoldenrod, Cień midnightblue, Cień tomato, Cień Różowy, Cień mediumpurple
Schemat kolorów został stworzony przez bad_colors
Kody kolorów w palecie
Cognitive UI Kit for React Apps kody kolorów HEX, informacje RGB w tabeli
| Kolor | KLĄTWA | RGB | Nazwa | alternatywne imie |
| #1c77c3 | #1c77c3 | RGB(28, 119, 195) | Brainwave Blue | — |
| #9bf6ff | #9bf6ff | RGB(155, 246, 255) | Neuron Neon | — |
| #ffe8a3 | #ffe8a3 | RGB(255, 232, 163) | Synaptic Sand | — |
| #22223b | #22223b | RGB(34, 34, 59) | Inference Ink | — |
| #ff6f59 | #ff6f59 | RGB(255, 111, 89) | Component Coral | — |
| #fec5bb | #fec5bb | RGB(254, 197, 187) | Render Rose | — |
| #b388eb | #b388eb | RGB(179, 136, 235) | Hook Heather | — |
Kontrast palety kolorów
8 pary kolorów mają niski kontrast i wymagają poprawy, co może wpłynąć na czytelność.
| Kolor tekstu | Kolor tła | Współczynnik kontrastu |
#1c77c3 | #ff6f59 | 1.71 |
#1c77c3 | #b388eb | 1.7 |
#9bf6ff | #ffe8a3 | 1.01 |
#9bf6ff | #fec5bb | 1.22 |
#ffe8a3 | #fec5bb | 1.24 |
#ff6f59 | #fec5bb | 1.81 |
