Wygeneruj paletę
  1. Palety kolorów
  2. Interactive Design System AI Kit

Interactive Design System AI Kit

  • Layer Mint
    #b2dfdb
  • Hierarchy Blue
    #64b5f6
  • Prototype White
    #ffffff
  • Contrast Navy
    #212121
  • Component Rose
    #f48fb1
  • Layout Smoke
    #cfd8dc
  1
Utworzono 07/25/2025 08:09
autorstwapalettespicker
Paleta składa się z kolorów Jasny, Ciemny. Kolory akcentujące Hierarchy Blue #64b5f6 i Component Rose #f48fb1. Paleta ma temperaturę kolorów Zimny, Neutralny, Ciepły.

Według jasności paleta rozciąga się od #212121 (najciemniejszy) do #FFFFFF (najjaśniejszy). Zakres jasności jest szeroki.

Nasycenie jest mieszane — 3 stonowanych i 2 żywych z 6 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 (3 z 6).

Kody HEX (posortowane): #212121, #64B5F6, #B2DFDB, #CFD8DC, #F48FB1, #FFFFFF

Paleta Interactive Design System AI Kit łączy 6 kodów kolorów:
HEX: #b2dfdb, RGB: (178, 223, 219); HEX: #64b5f6, RGB: (100, 181, 246); HEX: #ffffff, RGB: (255, 255, 255)
HEX: #212121, RGB: (33, 33, 33); HEX: #f48fb1, RGB: (244, 143, 177); HEX: #cfd8dc, RGB: (207, 216, 220)
Uproszczona wersja palety kolorów
Ciemny odcień Pudrowy niebieski, Jasny odcień Głęboki błękit nieba, Biały, Jasny odcień Czarny, Jasny odcień Blady fioletowoczerwony, Jasny odcień Jasnoszary
Schemat kolorów został stworzony przez palettespicker

Kody kolorów w palecie

Interactive Design System AI Kit kody kolorów HEX, informacje RGB w tabeli

Kolor HEX RGB Nazwa Alternatywna nazwa
#b2dfdb #b2dfdb RGB(178, 223, 219)Layer Mint—
#64b5f6 #64b5f6 RGB(100, 181, 246)Hierarchy Blue—
#ffffff #ffffff RGB(255, 255, 255)Prototype WhiteWhite
#212121 #212121 RGB(33, 33, 33)Contrast NavyLead
#f48fb1 #f48fb1 RGB(244, 143, 177)Component Rose—
#cfd8dc #cfd8dc RGB(207, 216, 220)Layout Smoke—

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
#b2dfdb
#64b5f6
1.52
#b2dfdb
#ffffff
1.45
#b2dfdb
#f48fb1
1.53
#b2dfdb
#cfd8dc
1
#64b5f6
#f48fb1
1
#64b5f6
#cfd8dc
1.53

Paleta obrazów Interactive Design System AI Kit png

Interactive Design System AI Kit paleta kolorów: Layer Mint, Hierarchy Blue, Prototype White, Contrast Navy, Component Rose
 Pobierz obraz