ColorZilla och andra verktyg för färger och färgkoder till hemsidan

 
 
 

Vet du vilken färg du gillar och vill använda men inte vilken färgkod den har?

Eller vet du inte alls vilken färg du ska använda?

Jag har skrivit lite om färger och färgpsykologi i ett tidigare inlägg, Branding hemsida - igenkänning med färg och typsnitt.


I det här inlägget vill jag ta upp några digitala verktyg för att plocka fram färger och färgkoder.

Det verktyg jag oftast använder är ett Google Chrome tillägg som heter ColorZilla.

När du installerat tillägget har du en liten pipett i verktygsraden du kan använda för att plocka en färg på vilken sida du än befinner dig.

1 | Installera tillägget

Installera ColorZilla för Chrome och Firefox →



 

2 | Här ser du verktyget.

 

3 | Klicka på verktyget och tryck “Pick Color From Page”.

 

4 | För pekaren över den färg du gillar och klicka.
Du ser i den lilla rutan vilken färg du pekar på och när du klickat på den finns färgkoden redan sparad som kopierad. Tryck ctrl+v eller cmd+v för att klistra in och spara där du vill ha den.

 

5 | Färghistorik.
Har du glömt att spara kan du gå in under samma meny och klicka på “Picked Color History”. Klicka på färgen i färgmosaiken så får du upp koden under #.

 

Några andra verktyg för färger

 

Colordot by hailpixel

Välj ut ett gäng färger du gillar.
https://color.hailpixel.com

 

ColorHexa

Om du bland annat vill hitta en annan nyans av den färgkod # du redan har.
https://www.colorhexa.com

 

Color-hex

Här kan du få tips på färgscheman eller skapa ditt eget färgschema. Du kan även få uppgifter om din valda färg och förslag på kompletterande färgnyanser.
https://www.color-hex.com

 

Hoppas du har skoj och nytta av dessa verktyg.


Therese Dahlgren

Mitt namn är Therese och jag är specialiserad på digital strategi och Squarespace webbdesign för tjänsteföretagare och entreprenörer. Med effektiva webbprojekt skapas rena professionella hemsidor som är sökoptimerade, funktionella och underlättar både arbete och sälj.

https://www.theresedahlgren.se
Föregående
Föregående

Instagram-flöde på din Squarespace-sida slutat fungera/uppdateras?

Nästa
Nästa

5 grundläggande sidor på ditt företags hemsida