Finn enkelt HEX-kode for farge nyanser med 0 til255

Som du kanskje vet, er det tre grunnleggende ting som gjør et nettsted "flott": typografi, layout og farge. Vi snakket om hvor viktig farge er på et nettsteds design, og vi dekket noen fargeværktøy som kan hjelpe designere til å velge de riktige fargekombinasjonene de trenger . Du kan til og med velge farger i Sublime Text eller generere fargevalg med Adobe Kuler for iOS.

I dette innlegget vil jeg introdusere deg til 0 til 255, et enkelt verktøy som hjelper deg med å finne den rette HEX-koden for farge nyanser du vil bruke. Det er veldig nyttig når du trenger å jobbe med hover, grenser eller gradientfarge.

Shaun Chapman utviklet dette verktøyet ved å implementere HSL (nyanse, metning og lyshet) modell for å dele lyshetsparameteren (fra 0 til 100%) i 31 deler. Med verktøyet kan du sveve over en farge og se lysstyrken prosentvis til høyre og HEX-koden til den fargen.

Plukker en fargeskygge med 0To255

Dette nettverktøyet er veldig enkelt og enkelt å bruke og er også gratis. Du kan bruke den uten å registrere deg først. 0to255 gir deg flere måter å sammenligne fargekombinasjoner med.

Først kan du sette inn ønsket farge i standard fargeplukker . Gå til 0to255-siden, klikk på "PICK A COLOR" -knappen og et felt vil dukke opp. Skriv / lim inn HEX-koden der uten pundskiltet. For eksempel når du velger #d86b93 HEX-farge, skriver du bare inn d86b93 og klikker deretter på "Velg farge" -knappen.

Verktøyet gir deg en liste over andre nyanser du kan velge. Den valgte farge vises som standardboks.

Du vil bli forsynt med 30 andre forskjellige farger (31 med valgt farge) fra lyseste til mørkeste. Hvis du har valgt hvilken annen fargeskygge du vil bruke, klikker du bare på den og HEX-koden blir automatisk kopiert til utklippstavlen.

Alternativt kan du bare lime inn fargekoden til nettadressen din slik: 0to255.com/d86b93. Dette tar deg direkte til fargeversjonssiden for # d86b93.

Plukker andre farger

Til venstre for siden kan du velge en annen farge rett ved hjelp av en annen HEX-kode (til venstre), eller du kan velge en tilfeldig farge (til høyre).

Eller du kan velge en annen farge fra den tilfeldige fargelisten levert av 0 til 255 på sin hjemmeside.

Endelig tanke

0to255 er en flott tidsbesparende for designere som bare ønsker å få riktig kode for riktig nyanse å bruke for deres design. I stedet for å gjette eller scrambling for å finne de riktige HEX-kodene på nettet, gjør 0to255 det så enkelt som et klikk. Prøv det og fortell oss om det hjalp deg med fargeplukkingsarbeidet ditt.

Hvor finner du nye og gode forfattere (beste 5)

Så, du leter etter en forfatter . Spesielt leter du etter noen som kan lokke eyeballs til nettstedet ditt med ord, på samme måte som Pied Piper kan lokke barn bort fra Hamelin med musikk. Det er flott! Selv med fremkomsten av robotjournalister, er det ikke noe som å gi menneskelig berøring til virtuell kopi.Av d

(Tekniske og design tips)

Reag MDL-sammenslåinger React med Material Design Lite

Google har nylig slukket et bibliotek som heter Material Design Lite, som er en frontendressurs for utviklere. Den stiler automatisk et hvilket som helst nettsted ved hjelp av de materielle designretningslinjene med forhåndsbygd CSS og JS.Dette er et populært rammeverk for enkle dev-prosjekter. React MDL kombinerer Googles rammeverk med React-biblioteket for å lage en godt avrundet frontendressurs. G

(Tekniske og design tips)