Klikk for å finne fargeskjema med ColorCode

Å få riktig fargevalg kan kreve designere mye manuell innsats (og subjektive meninger). Gode ​​nyheter er, det er verktøy som kan bidra til å gjøre livet enklere. Vi har tidligere dekket Adobe Kuler for iOS, så vel som et praktisk verktøy som heter 0to255, som hjelper deg med å få HEX-koder for farge nyanser lett. Denne gangen ser vi på ColorCode i stedet.

ColorCode er et nettbasert verktøy for å enkelt finne farger. ColourCode lar deg velge farger basert på HSL (Hue, Saturation, Lightness) verdier. Den har noen moduser som lar deg velge komplementære farger med bare noen få klikk, og du kan også laste ned fargeprøver i noen få formater.

Bruke ColorCode

Når du er på siden, hover musen hvor som helst på siden for å få en farge, og dens fargekode. Fargene vil fortsette å endres når du flytter markøren . Hvis du liker fargen du ser, klikker du på den for å låse i ditt valg. Det er så enkelt.

For å legge til en annen farge, klikk på Pluss til høyre og gjenta sveveringen og klikke for å låse i en annen farge. Hvis du vil fjerne et fargevalg, klikker du bare på papirkurvikonet i midten.

Slik velger du fargestifter i fri byggemodus . Det finnes noen andre moduser for å velge fargestifter fra.

Kompletter

analogisk

Monochrome

På toppen av disse 4 modiene er det 5 flere som du kan utforske på nettstedet.

Justere manuelt

På bunnen av hver farge er et pil ned-ikon. Hvis du klikker på det, vises detaljene for fargen og andre alternativer, for eksempel muligheten til å endre fargemodus manuelt (ved å klikke på det) blant formater som HEX, RGB, HSL, CMY, CMYK, XYZ eller YXY . Alternativt kan du bruke fargebryterne til å foreta endringer også.

Å få fargen

Når du har bestemt fargen du vil bruke, kan du ta den i SCSS, LESS eller PNG- format. Dessverre gir ColorCode deg ikke en innebygd kodeditor for å kopiere og lime inn kilden. Du må laste den ned først, og deretter åpne den med skrivebordsredigereren.

Likevel er kilden bare en enkeltlinjens fargedefiner. Følgende er en kildekode i SCSS-filen:

 $ farge: # a8e2ba; 

Og denne er i MINDRE:

 @color: # a8e2ba; 

20 gratis multifunksjons WordPress-temaer

Når det gjelder WordPress-temaer, er valgene der ute et dime et dusin, vi har WordPress-starttemaer som passer for avanserte utviklere. Vi har også vakre premium WordPress-temaer som du har råd til for en rimelig pris. Og selvfølgelig har vi WordPress-temaer som er enkle å tilpasse - perfekt for de som ikke liker å berøre koden - og gratis .Hvis d

(Tekniske og design tips)

20 Creative Mascot Designs som gir et inntrykk

Husker du den nyttige papirklippet i Microsoft Word som vil hjelpe deg med tips? Det er en av de første maskotene i design jeg husker. Med antall nettsteder som øker daglige og svært konkurransedyktige markeder, er det behov for helt nye oppsiktsvekkende triks for at du skal skille seg ut .En logo på nettstedet ditt er ikke lenger nok til å påvirke de besøkende. En kr

(Tekniske og design tips)