Product Design AI Toolkit
- Persona Apricot#ffbc97
- Wireframe Silver#d3d3d3
- Empathy Violet#a78bfa
- Component Teal#38b2ac
- UI Cream#fdfdf1
- Prototype Black#2c2c2c
Utworzono 07/11/2025 21:20
Paleta składa się z kolorów Jasny, Ciemny. Kolory akcentujące Persona Apricot #ffbc97 i Empathy Violet #a78bfa. Paleta ma temperaturę kolorów Ciepły, Neutralny, Zimny.
Według jasności paleta rozciąga się od #2C2C2C (najciemniejszy) do #FDFDF1 (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): #2C2C2C, #38B2AC, #A78BFA, #D3D3D3, #FDFDF1, #FFBC97
Paleta Product Design AI Toolkit łączy 6 kodów kolorów:
HEX: #ffbc97, RGB: (255, 188, 151); HEX: #d3d3d3, RGB: (211, 211, 211); HEX: #a78bfa, RGB: (167, 139, 250)
HEX: #38b2ac, RGB: (56, 178, 172); HEX: #fdfdf1, RGB: (253, 253, 241); HEX: #2c2c2c, RGB: (44, 44, 44)
Uproszczona wersja palety kolorów
Jasny odcień Jasnołososiowy, Jasnoszary, Jasny odcień Średni fioletowy, Jasny odcień Jasna zieleń morska, Ciemny odcień Kość słoniowa, Jasny odcień Czarny
Schemat kolorów został stworzony przez colorstudio
Kody kolorów w palecie
Product Design AI Toolkit kody kolorów HEX, informacje RGB w tabeli
| Kolor | HEX | RGB | Nazwa | Alternatywna nazwa |
|---|---|---|---|---|
| #ffbc97 | #ffbc97 | RGB(255, 188, 151) | Persona Apricot | — |
| #d3d3d3 | #d3d3d3 | RGB(211, 211, 211) | Wireframe Silver | Lightgray |
| #a78bfa | #a78bfa | RGB(167, 139, 250) | Empathy Violet | — |
| #38b2ac | #38b2ac | RGB(56, 178, 172) | Component Teal | — |
| #fdfdf1 | #fdfdf1 | RGB(253, 253, 241) | UI Cream | — |
| #2c2c2c | #2c2c2c | RGB(44, 44, 44) | Prototype Black | — |
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 |
|---|---|---|
#ffbc97 | #d3d3d3 | 1.08 |
#ffbc97 | #a78bfa | 1.67 |
#ffbc97 | #38b2ac | 1.58 |
#ffbc97 | #fdfdf1 | 1.58 |
#d3d3d3 | #a78bfa | 1.81 |
#d3d3d3 | #38b2ac | 1.72 |
Paleta obrazów Product Design AI Toolkit png
Eksportuj paletę
Pobierz "Product Design AI Toolkit" w różnych formatach, aby bezproblemowo zintegrować ją z projektami graficznymi.
Dostępne formaty: