Schema-Driven Form System

  • Schema Indigo
    #4f46e5
  • Input Cream
    #fef9c3
  • Validation Mint
    #22c55e
  • Error Coral
    #fb7185
  • Field Slate
    #475569
  • Structure Fog
    #f3f4f6
  • Form Jet
    #1f2937
  11
Utworzono 06/30/2025 17:28
autorstwahex
Paleta składa się z kolorów Półciemny, Jasny, Ciemny. Kolory akcentujące Schema Indigo #4f46e5 i Input Cream #fef9c3. Paleta ma temperaturę kolorów Zimny, Ciepły, Neutralny.

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

Nasycenie wydaje się żywe (wysoka chroma) — 57% 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 (4 z 7).

Kody HEX (posortowane): #1F2937, #22C55E, #475569, #4F46E5, #F3F4F6, #FB7185, #FEF9C3

Paleta Schema-Driven Form System łączy 7 kodów kolorów:
HEX: #4f46e5, RGB: (79, 70, 229); HEX: #fef9c3, RGB: (254, 249, 195); HEX: #22c55e, RGB: (34, 197, 94)
HEX: #fb7185, RGB: (251, 113, 133); HEX: #475569, RGB: (71, 85, 105); HEX: #f3f4f6, RGB: (243, 244, 246)
HEX: #1f2937, RGB: (31, 41, 55)
Uproszczona wersja palety kolorów
Ciemny odcień Łupkowy niebieski, Ciemny odcień Cytrynowy szyfon, Ciemny odcień Limonkowa zieleń, Ciemny odcień Jasnokoralowy, Jasny odcień Ciemny łupkowy niebieski, Ciemny odcień Biały dym, Jasny odcień Czarny
Schemat kolorów został stworzony przez hex

Kody kolorów w palecie

Schema-Driven Form System kody kolorów HEX, informacje RGB w tabeli

KolorHEXRGBNazwaAlternatywna nazwa
#4f46e5#4f46e5RGB(79, 70, 229)Schema Indigo—
#fef9c3#fef9c3RGB(254, 249, 195)Input Cream—
#22c55e#22c55eRGB(34, 197, 94)Validation Mint—
#fb7185#fb7185RGB(251, 113, 133)Error Coral—
#475569#475569RGB(71, 85, 105)Field Slate—
#f3f4f6#f3f4f6RGB(243, 244, 246)Structure Fog—
#1f2937#1f2937RGB(31, 41, 55)Form Jet—

Kontrast palety kolorów

4 pary kolorów mają niski kontrast i wymagają poprawy, co może wpłynąć na czytelność.
Kolor tekstuKolor tłaWspółczynnik kontrastu
#4f46e5
#475569
1.2
#fef9c3
#f3f4f6
1.02
#22c55e
#fb7185
1.18
#475569
#1f2937
1.93

Paleta obrazów Schema-Driven Form System png