Innhold
- 01. HueSnap
- 02. Khroma
- 03. Coolors.co
- 04. Adobe Color CC
- 05. Colordot
- 06. Eggradienter
- 08. Canva Color Palette Generator
- 09. Materiell designpalett
- 10. ColourCode
- 11. Fargekalkulator
- 12. HTML-fargekode
- 13. W3Schools: Colours Tutorial
- 14. Digital fargemåler (Mac)
Som webdesignere har et av de viktigste valgene vi tar å gjøre med våre fargevalg. Velg de gale, og du kan bare miste en mulighet. Det er sant - fargene vi velger kan ha en psykologisk innvirkning på de som ser dem.
For eksempel blir rød generelt sett på som en høgenergifarge, mens blå innebærer ro og fred. For å illustrere dette punktet, bør du vurdere fargene du kan bruke på et nettsted som selger barneleker mot et nettsted for et advokatfirma. Sjansen er stor for at du vil ha lyse, livlige farger for førstnevnte, og dempede toner av blått og grått for sistnevnte.
Men hvordan vet du hvilke farger som fungerer godt sammen? Heldigvis trenger du ikke å være en mester i fargelære for å sette sammen en brukbar fargepalett. For å hjelpe deg med den viktige oppgaven med fargevalg, er det noen av de beste gratis fargenettdesignverktøyene (pluss en spesiell bonus til slutt for Mac-brukere).
01. HueSnap
Inspirasjon kan treffe når som helst. Det kan være innredningen på et hotellrom eller lyset i parken en kveld som gnister inspirasjonen til ditt neste nettstedfargeskjema. For når det skjer, er HueSnap her for å hjelpe. Du kan ta et bilde og bruke HueSnap for å trekke ut fargene fra bildet og gjøre dem til en palett.
Appen er skreddersydd for mobilbruk, og du kan lagre og dele palettene dine med andre. Det er mange funksjoner som hjelper deg med å endre en palett, for eksempel valg av komplementære og sammensatte farger, og palettene dine kan ha opptil seks farger hver.
02. Khroma
Khroma er et AI-fargeverktøy som har som mål å hjelpe deg med å bla gjennom og sammenligne originale fargekombinasjoner. Med det trener brukerne en AI-algoritme for å fungere som en utvidelse av hjernen deres. Brukere starter med å velge 50 farger de liker, og disse fargene brukes til å trene et nevralt nettverk som kan gjenkjenne hundretusener av andre lignende farger. Finn ut mer om Khroma og hvordan du bruker det her.
03. Coolors.co
Coolors tilbyr et bredt utvalg av verktøy for å justere paletten akkurat slik du vil ha den. I tillegg kan du eksportere den endelige opprettelsen i mange forskjellige formater, slik at du kan bruke den praktisk talt hvor du vil.
Coolors er ikke bare et verktøy for å lage en fargepalett, det lar deg også se andre ferdige kreasjoner fra andre brukere, slik at du kan hente inspirasjon. Utforsk-delen har hundrevis (om ikke tusenvis) paletter du kan se, lagre og redigere selv. Enda bedre, Coolors er tilgjengelig på stasjonære datamaskiner, og som et iOS-program, et tillegg til Adobe Photoshop og Illustrator - og til og med en Google Chrome-utvidelse for enkel tilgang.
04. Adobe Color CC
Gratis verktøy Adobe Color CC har eksistert en stund, og det er et av de beste fargeverktøyene der ute for å velge en fargepalett. Ikke bare kan du lage dine egne fargevalg, men du kan også utforske hva andre har laget.
Velg en farge fra hjulet eller fra et bilde, og bruk fargeregler, for eksempel bare ved å bruke komplementære farger, monokromatiske farger eller nyanser av fargen du velger, for å generere en fargepalett. Eller klikk på hver farge og utforsk fargehjulet for å tilpasse valget. Som en ekstra bonus kan du lagre temaene du oppretter i Adobe-biblioteket.
05. Colordot
Colordot av Hailpixel er et utmerket gratis online verktøy for å lage en fargepalett. Ved hjelp av enkle musebevegelser kan du velge og lagre farger. Beveg musen frem og tilbake for å få fargetone; opp og ned for letthet; bla for metning og klikk for å lagre en farge på paletten. Klikk på tog-ikonet for å se RGB- og HSL-verdiene for hver farge. Den har også en iOS-app på $ 0,99 / £ 0,99 som lar deg fange farger med kameraet ditt.
06. Eggradienter
Når du er ansvarlig for å generere lettlest CSS, er det noen ganger veien å bruke standardfarger og fargenavn. Takket være 147 farger av Brian Maier Jr kan du få et glimt av dem alle, og velge de som fungerer for deg.
Den inneholder de 17 standardfargene, pluss 130 andre CSS-fargenavn. Filtrer resultatene etter nyanser av blått, grønt og så videre, eller velg fra hele regnbuen med 147 farger.
08. Canva Color Palette Generator
Color Palette Generator fra Canva er perfekt hvis du ønsker å lage en fargepalett basert på et bestemt bilde. Selv om andre verktøy tilbyr lignende alternativer, er Canvas superenkle å bruke: du laster opp et bilde og generatoren returnerer en palett med de fem hovedfargene i den. Du kan klikke på fargene du liker og kopiere HEX-verdien til utklippstavlen.
Dessverre er det her nytten av Canvas tilbud slutter, da dette er alt du kan gjøre med palettgeneratoren - du kan ikke justere fargene på paletten. De eneste andre alternativene du har er å kopiere de angitte hexverdiene eller laste opp et nytt bilde.
09. Materiell designpalett
Med Material Design Palette kan du velge to farger, som deretter konverteres til en fullfargepalett som du kan laste ned, komplett med en forhåndsvisning.
Selskapet tilbyr også Material Design Colors, som gjør det mulig for designere å se de forskjellige fargenyanser, sammen med deres tilsvarende HEX-verdier.
10. ColourCode
ColourCode av Tamino Martinius og Andreas Storm ligner Colordot, men det gir litt mer veiledning. Dette gratisverktøyet treffer deg rett i ansiktet og viser en bakgrunn som endrer farger med markørbevegelsen. I tillegg tilbyr dette verktøyet forskjellige kategorier for paletten (analog, triad, quad, monokrom, monokrom lys osv.).
Med ColourCode kan du angi forskjellige alternativer langs fargehjulet for å lage en original kombinasjon. Du kan også lagre paletten eller eksportere den som en SCSS- eller MINDRE-fil. Du kan til og med eksportere til PNG, hvis du vil.
11. Fargekalkulator
Fargekalkulatoren er grei: du velger en farge og et fargeharmonealternativ. Til gjengjeld får du tilbake resultatene av det anbefalte fargevalget.
Det som er fint med dette nettstedet, er imidlertid at det også går i detalj om fargelære og hvordan det er relatert til fargevalgene dine.
12. HTML-fargekode
Denne svulmende gratis pakke med verktøy fra Dixon & Moe inkluderer en grundig fargevelger med mange forklaringer på fargeregler; en serie fargekart med flate designfarger, Googles materialdesignskjema og den klassiske websikre fargepaletten; og en liste over standard HTML-fargenavn og -koder.
Dette nettstedet tilbyr også veiledninger og andre ressurser for webdesignere, og muligheter for å eksportere resultater fra verktøyene som HEX-koder, HTML, CSS og SCSS-stiler.
13. W3Schools: Colours Tutorial
Hvis du leter etter en alt-i-ett-løsning som inkluderer en guide til farger, samt en rekke forskjellige verktøy, så er Colors Tutorial på W3Schools det perfekte valget.
Ikke bare kan du lære om fargelære, fargehjul og fargetoner, men du vil også kunne bruke de andre verktøyene den har, for eksempel Color Converter. Med dette verktøyet kan du konvertere alle farger til og fra navn, HEX-koder, RGB, HSL, HWB og CMYK-verdier.
14. Digital fargemåler (Mac)
OK, Mac-brukere ... denne er for deg. Med maskinens innebygde verktøy for digital fargemåler kan du 'hente' en farge hvor som helst på skjermen, og deretter få verdiene for den fargen som en desimal, heksadesimal eller prosentandel. I tillegg kan du til og med 'kopiere' den valgte fargen som tekst eller bilde.
