Loading...
Utworzono o godz 05/27/2025 10:36
Jellybeam UI Toggle
- Jelly Peach#ffd6b2
- Beam Mint#c7f6e8
- Toggle Lilac#e3d2ff
- Shell Blush#ffdfde
- Interface Cloud#f5f7f9
- Bold Ink#1f1f20
Paleta składa się z kolorów Światło, Ciemny. Kolory akcentujące Beam Mint #c7f6e8 i Shell Blush #ffdfde. Paleta ma temperaturę kolorów Ciepły, Zimny, Neutralny.
Według jasności paleta rozciąga się od #1F1F20 (najciemniejszy) do #F5F7F9 (najjaśniejszy). Zakres jasności jest szeroki.
Nasycenie wydaje się żywe (wysoka chroma).
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): #1F1F20, #C7F6E8, #E3D2FF, #F5F7F9, #FFD6B2, #FFDFDE
Paleta Jellybeam UI Toggle zawiera kombinację kolorów kodów 6:
KLĄTWA: #ffd6b2, RGB: (255, 214, 178); KLĄTWA: #c7f6e8, RGB: (199, 246, 232); KLĄTWA: #e3d2ff, RGB: (227, 210, 255)
KLĄTWA: #ffdfde, RGB: (255, 223, 222); KLĄTWA: #f5f7f9, RGB: (245, 247, 249); KLĄTWA: #1f1f20, RGB: (31, 31, 32)
Uproszczona wersja palety kolorów
Odcień peachpuff, Cień paleturquoise, Cień thistle, Odcień mistyrose, Cień whitesmoke, Cień Czarny
Schemat kolorów został stworzony przez colorday
Kody kolorów w palecie
Jellybeam UI Toggle kody kolorów HEX, informacje RGB w tabeli
| Kolor | KLĄTWA | RGB | Nazwa | alternatywne imie |
| #ffd6b2 | #ffd6b2 | RGB(255, 214, 178) | Jelly Peach | — |
| #c7f6e8 | #c7f6e8 | RGB(199, 246, 232) | Beam Mint | — |
| #e3d2ff | #e3d2ff | RGB(227, 210, 255) | Toggle Lilac | — |
| #ffdfde | #ffdfde | RGB(255, 223, 222) | Shell Blush | — |
| #f5f7f9 | #f5f7f9 | RGB(245, 247, 249) | Interface Cloud | — |
| #1f1f20 | #1f1f20 | RGB(31, 31, 32) | Bold Ink | — |
Kontrast palety kolorów
10 pary kolorów mają niski kontrast i wymagają poprawy, co może wpłynąć na czytelność.
| Kolor tekstu | Kolor tła | Współczynnik kontrastu |
#ffd6b2 | #c7f6e8 | 1.14 |
#ffd6b2 | #e3d2ff | 1.03 |
#ffd6b2 | #ffdfde | 1.08 |
#ffd6b2 | #f5f7f9 | 1.26 |
#c7f6e8 | #e3d2ff | 1.19 |
#c7f6e8 | #ffdfde | 1.05 |
Paleta obrazów Jellybeam UI Toggle png
Eksportuj paletę
Pobierz "Jellybeam UI Toggle" w różnych formatach, aby bezproblemowo zintegrować ją z projektami graficznymi.
Dostępne formaty: