Skapa ljusare och mörkare nyanser av en färg

Designers och varumärkesansvariga använder det när de vill ta fram ljusare och mörkare nyanser av en färg till en sammanhållen palett för en webbplats eller kampanj.

Skapa ljusare och mörkare nyanser av en grundfärg. All bearbetning sker i webbläsaren; dina uppgifter laddas inte upp, delas eller sparas.

Så använder du

  1. Ange en basfärg i hexadecimalt format i inmatningsfältet.
  2. Kör generatorn för att skapa ljusare och mörkare varianter.
  3. Granska förslagen och välj toner som passar ditt gränssnitt.
  4. Prova en annan basfärg om den föreslagna paletten inte matchar ditt mål.
  5. Kopiera de valda värdena till ditt designsystem eller din stilmall.

Exempel

Med det blå exemplet som visas ser du hur kulören expanderar till ljusare och mörkare toner. Det hjälper dig att bygga hover-, aktiv- eller inaktiva tillstånd utan att börja från en tom sida.

Indata

#2563EB

Resultat

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

Gränser och format

Var bearbetningen sker

Genereringen sker i webbläsaren. Basfärgen skickas inte ut, och ingen palett sparas av sidan. Du kan prova flera basfärger under samma session.

Vanliga frågor

Kan jag utgå från en specifik färg?

Ja, ange basfärgen i hexadecimal form. Verktyget använder den för att beräkna en uppsättning ljusare och mörkare varianter.

Är varianterna tillgängliga?

De ger kontrastidéer, men verktyget mäter inte efterlevnad. Kontrollera text- och bakgrundspar med en lämplig kontrastkontroll.

Hur många färger kan jag generera?

Processen utgår från en färg och returnerar flera toner. För en komplett palett upprepar du den med varje huvudfärg i ditt projekt.

Sparas basfärgen eller paletten någonstans?

Nej, genereringen sker i webbläsaren. Basfärgen skickas inte ut och ingen palett sparas av sidan. Du kan prova flera basfärger under samma session. Tänk på att varianterna bara är förslag och inte ersätter en granskad varumärkespalett. Testa varje värde i det verkliga gränssnittet eftersom visningsförhållanden kan påverka intrycket.

Kan jag skapa en palett från flera basfärger samtidigt?

Verktyget utgår från en basfärg och skapar flera ljusare och mörkare varianter. För en full palett kan du upprepa processen med varje huvudfärg i projektet. Det kontrollerar inte tillgänglighet och varianterna ersätter inte en granskad varumärkespalett. Testa därför varje färg i den riktiga miljön. Kopiera sedan de valda värdena till ditt designsystem.

Verktyg i samma kategori