Generați nuanțe deschise și închise dintr-o culoare

Designerii și responsabilii de brand îl folosesc pentru a obține nuanțe mai deschise și mai închise ale unei culori înainte de alegerea unei palete coerente pentru interfață sau materiale vizuale.

Generați nuanțe mai deschise și mai închise dintr-o culoare de bază. Totul funcționează în browser, fără încărcarea sau salvarea datelor.

Cum se folosește

Introdu o culoare de bază în format hexazecimal în câmpul de introducere.
Rulează generatorul pentru a crea variante mai deschise și mai închise.
Analizează sugestiile și alege tonuri care se potrivesc interfeței tale.
Încearcă altă culoare de bază dacă paleta propusă nu corespunde scopului tău.
Copiază valorile selectate în sistemul tău de design sau foaia de stil.

Exemplu

Cu exemplul albastru furnizat, vezi cum nuanța se extinde în tonuri mai deschise și mai închise. Asta ajută la construirea stărilor hover, active sau disabled fără a începe de la o pagină goală.

Date de intrare

#2563EB

Rezultat

100: #BED0F9
300: #719AF2
500: #2563EB
700: #1C4AB0
900: #133276

Limite și formate

Instrumentul sugerează variante pornind de la o singură culoare, dar nu verifică accesibilitatea.
Tonurile generate nu înlocuiesc o paletă de brand verificată.
Testează fiecare valoare în interfața reală, deoarece condițiile de afișare pot schimba aspectul.
O variantă deschisă sau închisă poate eșua pe anumite fundaluri chiar dacă arată corect în listă.

Unde are loc procesarea

Generarea are loc în browser. Culoarea de bază nu este trimisă în exterior, iar pagina nu salvează nicio paletă. Poți încerca mai multe culori de bază în aceeași sesiune.

Întrebări frecvente

Pot începe de la o culoare anume?

Da, introdu culoarea de bază în formă hexazecimală. Instrumentul o folosește pentru a calcula un set de variante mai deschise și mai închise.

Variantele sunt accesibile?

Oferă idei de contrast, dar instrumentul nu măsoară conformitatea. Verifică perechile text-fundal cu un verificator de contrast adecvat.

Câte culori pot genera?

Procesul pornește de la o singură culoare și returnează mai multe tonuri. Pentru o paletă completă, repetă-l pentru fiecare culoare principală din proiect.