Fargesirkel. Cheat Sheet med kule fargekombinasjoner Lag et fargeskjema

Farger spiller en stor rolle i webdesign. For å velge fargeskjemaet for nettstedet riktig, er det spesielle tjenester. Jeg er sikker på at hver webdesigner har minst én av disse i bokmerkene sine.

Noen ganger sitter du og tenker på hvilken blå nyanse du skal velge den viktigste for nettstedet, litt lysere eller litt lysere, eller kanskje ta en mørkere ... Og du trenger fortsatt å plukke opp flere. Du kan selvfølgelig gjøre dette med øyet, men det er bedre å bruke en av spesialtjenestene.

Jeg vil ikke snakke om fargeteori (dette er for omfangsrik informasjon), men bare publisere her tjenestene jeg har i bokmerkene mine og som jeg bruker.

Jeg har vært venner med dette instrumentet i mange år. Det mest praktiske verktøyet for fargematching (etter min mening). Den har mange tilleggsfunksjoner. Du kan for eksempel se et eksempel på en lys og mørk side med utvalgte farger.

Det er en mulighet til å vurdere hvordan personer med fargeblindhet og andre synshemninger vil se fargespekteret ditt. Du kan velge nettsikre farger.

Adobe Kuler er det andre nettverktøyet jeg bruker ganske ofte. Utvalget av fargevalget er nesten det samme som på forrige side, men det er ikke derfor jeg elsker det. Foruten det faktum at du kan lage fargeskjemaer selv, kan du se på og bruke oppsett laget av andre mennesker.

For å gjøre dette, trykk på knappen i øvre venstre meny "Se". Og et galleri med alle slags fargekombinasjoner vil åpne seg foran deg.

Dette verktøyet ligner litt på Сolorscheme, men det har færre funksjoner, men det er mulig å se hvordan fargeblokkene vil se ut.

Jeg bruker nesten ikke denne siden, men siden jeg har den i bokmerkene mine, bestemte jeg meg for å legge den til også.

De neste to nettstedene genererer en palett fra det valgte bildet. Det er magi :)

Du velger hvilket som helst bilde, fargene du liker, tjenesten analyserer det og gir deg en fargepalett. Den eneste forskjellen mellom disse to nettstedene er hvordan du gir dem et bilde.

Denne siden trenger nedlasting bilde fra datamaskinen.

Et veldig hendig verktøy for fargematching. Den er basert på prinsippet om «liker – misliker».

flatcolors.net

Som navnet tilsier, er det her du kan velge fargene for dagens trendy, flate design. Siden er interessant fordi etter å ha valgt en palett, kan du laste den ned for Corel og Photoshop.

materialpalette.com

En annen motetrend er materialdesign. Denne siden hjelper deg med å velge fargekombinasjoner for UI (brukergrensesnitt). I tillegg har nettstedet et stort sett med ikoner.

Og til slutt, igjen brukergrensesnittet. Her er bare et sett med farger for UI-design. Ved å klikke på hvilken som helst farge kan du se hvordan hvit tekst vil bli lest på en bestemt bakgrunn.

Dette er verktøyene jeg har i bokmerkene mine.

Skriv i kommentarfeltet hvilke fargematchingssider for webdesign bruker du?

Trenger du en nettside med de riktige fargene? , la oss gjøre :)

Har du funnet en feil? Marker et tekststykke og trykk CTRL + ENTER

Profesjonell webdesign er ikke komplett uten et fargevalg. Denne artikkelen vil vise deg 20 fantastiske verktøy for å hjelpe deg med å få det perfekte fargeskjemaet.

Det er mange verktøy på World Wide Web for å oppnå fargenirvana. De ser ut til å være helt forskjellige, men mange av dem er bare modifiserte versjoner av mer populære og nyttige verktøy.

Derfor, for å forenkle prosessen med å velge et fargeskjema, har vi samlet de 20 beste tilgjengelige verktøyene. De vil hjelpe deg å ikke gå deg vill på jakt etter et passende alternativ og føle "fargelykke"

01. Kuler

Kuler er uten tvil det mest kjente fargeverktøyet.

Adobe Kuler er uten tvil det mest populære fargetemaverktøyet på nettet, og har gått fra å være et enkelt fargeverktøy på nettet til en komplett ressurs for å lage temaer og dele med andre. Plugins er tilgjengelige for alle store Adobe-applikasjoner, inkludert Photoshop, Illustrator og InDesign, noe som gjør Kuler til et flott alt-i-ett-verktøy for vanlige Creative Suite-brukere.

02. ColorExplorer

ColorExplorer kan utføre mange forskjellige funksjoner.

Vi kan si at det er et av de mest sofistikerte verktøyene på Internett. Den tilbyr et bredt utvalg av verktøy for å designe, tilpasse og analysere fargepaletter. For eksempel verktøy som hjelper med å bestemme tilgjengelighet WCAG fargevelgere, konverteringsverktøy som lar deg navigere mellom ulike systemer, og alt du trenger for å velge farger og lage paletter.

03. Farger på nettet

Farger på nettet drives av Flash.

Farger på nettet laster inn solide farger i HEX- eller RGB-koder og produserer et sett med skjemaer basert på ulike matematiske proporsjoner. Dette verktøyet fungerer ikke på iPad eller iPhone fordi det bruker Flash for å starte programmet.

04. FARGE-elskere

COLOURlovers ligner litt på Pinterest for farge

05. Pictaculous

Pictaculous lar deg laste opp et bilde og generere et fargeskjema basert på det.

Dette verktøyet fra skaperne av MailChimp lar deg laste opp et bilde og lage et fargeskjema basert på dets egne farger. Den er kompatibel med flere andre instrumenter som Kuler og Colourlovers. Pictaculous har en hendig Adobe Swatch-temanedlasting som lar deg raskt og enkelt "ta tak i fargene" du trenger for å komplettere bildet ditt.

06. Kontrast-A

Contrast-A skaper en imitasjon av ulike visuelle defekter.

Dette er ikke et veldig vanlig fargeskjemaverktøy. Den er designet for å sikre at du lager et WCAG-kompatibelt fargeskjema ved å forhåndsvise kontrastnivåene og bruke en ikke-perseptuell og lav synlighetsteknikk. Contrast-A har massevis av lenker til manualer som er mer brukervennlige enn spesifikasjonsdokumentet i seg selv.

07. ColoRotate

ColoRotate har en vakker visualisering av "fargehjulet"

ColoRotate har lignende funksjoner som Kuler, men skiller seg ved å vise paletten på en fin 3D-kjegle og muligheten til å generere mer enn 5 farger i ett skjema. Verktøyet kan integreres med noen Creative Suite-applikasjoner. Den er også tilgjengelig som en iPad-app og kan fungere sammen med Photoshop i fargekonsollmodus.

08. Hex Color Scheme Generator

HEX skaper farger som passer godt med det tilgjengelige fargespekteret.

HEX er et lite hendig verktøy for å generere farger. Bare skriv inn en fargekode, og den vil vise et sett med behagelige farger som passer perfekt til grunnfargene dine.

09. Designer for fargevalg

Fargeskjemadesigneren har flere interessante måter å lage fargetemaer på.

Dette nettbaserte verktøyet har lignende funksjonalitet som Adobe Kuler. Men takket være interessante triks for å lage fargetemaer, lar den deg velge lysstyrke / metning og kontrastparametere fra skjemaegenskapene, i stedet for å "fikle" med de individuelle fargene som utgjør temaet. Color Scheme Designer gir tilgang til et sett med standard matematiske metoder, inkludert muligheten til å harmonisk matche fargeskjemaet til et design for en enkelt (mono), to (komplement), tre (triade) eller fire (tetrad) farger med nyanser og halvtoner.

10. COPASO

COPASO er et utmerket verktøy for å løse flere problemer samtidig.

Et av nettstedets verktøy FARGE-elskere, COPASO fortjener spesiell oppmerksomhet, siden det lar deg løse mange problemer samtidig når du lager paletter. Den gir et komplett sett med fargevalgverktøy på et enkelt grensesnitt. Den lar deg kommentere paletter, laste opp bilder, følge CMYK-lenker med en gang og velge hvordan du skal lage fargeskjemaet ditt.

11. Fargemod

Colourmod-widgeten på skrivebordet gjør det enkelt å velge og definere farger.

Colourmod er et skrivebordsverktøy som lar deg enkelt velge en av fargene i området der widgetene er plassert, selv om du bruker Dashboard for MacBook eller bruker Konfabulator for Windows. Colourmod i seg selv er ikke et palettvalgverktøy, men det kan fortsatt brukes til å velge og definere en farge. I dette tilfellet trenger du ikke å kjøre andre tyngre programmer.

12. ColorZilla

ColorZilla fungerer i Chrome og Firefox.

Denne applikasjonen ble opprinnelig utviklet som en Firefox-plugin, men den kan også brukes i Google Chrome-nettleseren. ColorZilla er en utvidelse som har tonnevis av forskjellige verktøy for å jobbe med farger, inkludert: fargevelger, pipette, oppretting av css-gradient og forhåndsvisning av palett.

13. Colormunki

Colormunki lar deg lage et fargeskjema basert på Pantone-fargeprøver.

Et hendig verktøy for å jobbe online, presentert av skaperne av Colormunki for fargekalibrering. Du kan lage paletter fra Pantone-fargeprøver på nettet og bruke forskjellige teknikker for å finne behagelige kombinasjoner.

14.colr.org

Med Colr.org kan du se fargespekteret til bildene dine.

Dette enkle verktøyet gir en unik mulighet til å analysere fargeskjemaet til et bilde (i andre programmer utføres denne funksjonen automatisk). På denne måten kan du se hvilke farger bildet ditt er laget av og velge de du liker for å angi dem som hovedtemafarger.

15. ColourGrab

ColourGrab er en flott kompakt bildefargeskjemagenerator.

Dette hendige verktøyet lager en fargepalett fra et hvilket som helst bilde på nettet. Bare skriv inn nettadressen til bildet du vil analysere, siden vil "gripe" det, bestemme fargespekteret og lage et enkelt 3D-diagram som gjenspeiler bruken av forskjellige farger for dette bildet. Det er kanskje ikke det beste alternativet for standardtemaer, men ColourGrab er perfekt for å analysere fordelingen av farge i bilder.

16. ColorBlender

ColorBlender lager et sett med fem farger som passer godt med hverandre.

Denne siden er et enkelt verktøy som lar deg prøve et bilde, justere farger og følge i sanntid hvordan et sett med 5 perfekt matchede farger matches. Paletter kan lastes direkte inn i Photoshop eller Illustrator som en EPS-fil.

17. GrayBit

GrayBit ​​lar deg analysere nettstedet ditt for å se hvordan det ser ut i gråtoner.

Dette hendige verktøyet samsvarer ikke direkte med fargetemaer, men det lar deg analysere nettstedet ditt for å se hvordan det ser ut når det konverteres til gråtoner. Dette vil hjelpe deg å sjekke om du har oppnådd nok kontrast i fargepaletten til å gjøre det lettere å lese.

18.KALDE

COLRD er perfekt for å dele fargeskjemaene dine og lære om nye.

Dette fargerike nettstedet er en stor inspirasjonskilde, der brukere deler sine fargepaletter samt gradienter og bilder. Det er ikke bare et nettsted for å lage fargeskjemaer, men snarere en fest for estetikk og er verdt å sjekke ut for et par fantastiske funn.

19. Fargejeger

Color Hunter er et flott nettsted for å finne nye farger.

Color Hunter hjelper deg raskt å matche fargeskjemaet til opplastede bilder ved å søke etter en passende tag eller bruke HEX-lenker. Rask og enkel å bruke, gir nettstedet interessante fargefunn.

20. Stripe Generator 2.0

Stripe Generator 2.0 hjelper deg å trekke oppmerksomhet til fargevalgene dine.

Det blir ofte referert til som "det nyeste verktøyet for web2.0". Stripe Generator 2.0 er et godt verktøy for å lage fine fargekombinasjoner og uvanlige bilder på samme tid.

Å velge et fargeskjema for en nettside er et av de viktige punktene i designprosessen. Valget av en kombinasjon av farger er en ganske komplisert og kreativ prosess. Heldigvis er det mange tjenester som kan gi betydelig støtte for å ta det riktige valget.

Noen av ressursene nevnt i denne anmeldelsen gir et bredt utvalg av fargeskjemaer å velge mellom, mens andre lar deg interaktivt bygge ditt eget oppsett.

Kuler

Adobe Kuler inneholder et stort bibliotek med ferdige fargeskjemaer. Du kan se diagrammet på nettet og laste det ned for bruk i Adobe Creative Suite-serien.

Color Lovers har for tiden nesten 2 millioner brukerlagde fargeskjemaer. Du kan se dem ved å sortere etter dato, vurdering, antall visninger.

ColoRotate har et bibliotek med ferdige fargevalg. Du kan også lage ditt eget opplegg ved å bruke et unikt 3D-verktøy. Fargeskjemaet kan brukes direkte i Photoshop og Fireworks ved å bruke ColoRotate-plugin-modulen.

Color Scheme Designer lar deg velge type fargeskjema (mono, gratis, triade, tetrad, analog). Deretter kan du justere fargene og se handlingen til skjemaet ved å bruke et eksempel.

ColorSchemer har et stort bibliotek med brukerlagde fargeskjemaer. Du kan sortere dem etter publiseringsdato, vurdering eller antall nedlastinger.

Pictaculous er et enkelt online fargeskjemageneratorverktøy. Du kan laste opp et bilde, og tjenesten vil generere et diagram som skal brukes med bildet.

Farge spir

Color Spire er en veldig brukervennlig tjeneste. Du velger en grunnfarge og den foreslår et fargeskjema. Du kan også se utseendet til diagrammet på en enkel mal.

Gutter, vi legger sjelen vår i siden. Takk for
at du oppdager denne skjønnheten. Takk for inspirasjonen og gåsehuden.
Bli med oss ​​kl Facebook og I kontakt med

Ordning nr. 1. Komplementær kombinasjon

Komplementære, eller komplementære, kontrastfarger er farger som er plassert på motsatte sider av Ittens fargehjul. Kombinasjonen deres ser veldig livlig og energisk ut, spesielt med maksimal fargemetning.

Opplegg nr. 2. Triade - en kombinasjon av 3 farger

En kombinasjon av 3 like store farger. Gir høy kontrast samtidig som harmonien opprettholdes. Denne komposisjonen ser ganske livlig ut selv når du bruker bleke og umettede farger.

Opplegg nr. 3. En lignende kombinasjon

En kombinasjon av 2 til 5 farger ved siden av hverandre på fargehjulet (ideelt sett 2-3 farger). Inntrykk: rolig, innbydende. Et eksempel på en kombinasjon av lignende dempede farger: gul-oransje, gul, gul-grønn, grønn, blå-grønn.

Ordning nr. 4. Separat-komplementær kombinasjon

En variant av en komplementær fargekombinasjon, bare nabofargene brukes i stedet for den motsatte fargen. En kombinasjon av en primærfarge og to ekstra. Dette opplegget ser nesten like kontrasterende ut, men ikke så intenst. Hvis du ikke er sikker på at du kan bruke komplementære kombinasjoner riktig, bruk separate komplementære kombinasjoner.

Opplegg nr. 5. Oppgavebok - kombinasjon av 4 farger

Et fargevalg der én farge er hovedfargen, to er komplementære, og én til legger vekt på aksenter. Eksempel: blå-grønn, blå-fiolett, rød-oransje, gul-oransje.

Opplegg nr. 6. Firkant

Kombinasjoner av individuelle farger

• Hvit: passer til alt. Beste kombinasjon med blått, rødt og svart.
• Beige: med blå, brun, smaragd, svart, rød, hvit.
• Grå: med fuchsia, rød, lilla, rosa, blå.
• Rosa: med brun, hvit, mintgrønn, oliven, grå, turkis, lyseblå.
• Fuchsia (mørk rosa): med grå, brun, limefarge, mintgrønn, brun.
• Rød: med gul, hvit, brun, grønn, blå og svart.
• Tomatrød: blå, mintgrønn, sand, kremhvit, grå.
• Kirsebærrød: asurblå, grå, lys oransje, sand, blekgul, beige.
• Crimson rød: hvit, svart, damask rose farge.
• Brun: lys blå, krem, rosa, fawn, grønn, beige.
• Lysebrun: blekgul, kremhvit, blå, grønn, lilla, rød.
• Mørk brun: sitrongul, blå, mintgrønn, lilla rosa, limefarge.
• Rødbrun: rosa, mørkebrun, blå, grønn, lilla.
• Oransje: lyseblå, blå, lilla, lilla, hvit, svart.
• Lys oransje: grå, brun, oliven.
• Mørk oransje: blek gul, oliven, brun, kirsebær.
• Gul: blå, lilla, lyseblå, lilla, grå, svart.
• Sitrongul: kirsebærrød, brun, blå, grå.
• Blek gul: fuchsia, grå, brun, nyanser av rødt, gulbrun, blå, lilla.
• Gylden gul: grå, brun, asurblå, rød, svart.
• Oliven: oransje, lysebrun, brun.
• Grønn: gyllenbrun, oransje, salat, gul, brun, grå, krem, svart, kremhvit.
• Salatfarge: brun, gulbrun, fawn, grå, mørkeblå, rød, grå.
• Turkis: fuchsia, kirsebærrød, gul, brun, krem, mørk lilla.
• En elektriker er kjekk i kombinasjon med gullgul, brun, lysebrun, grå eller sølv.
• Blå: rød, grå, brun, oransje, rosa, hvit, gul.
• Mørk blå: lys lilla, lyseblå, gulgrønn, brun, grå, blekgul, oransje, grønn, rød, hvit.
• Syrin: oransje, rosa, mørk lilla, oliven, grå, gul, hvit.
• Mørk lilla: gyldenbrun, blekgul, grå, turkis, mintgrønn, lys oransje.
• Svart er allsidig, elegant, ser ut i alle kombinasjoner, best av alt med oransje, rosa, salat, hvit, rød, lilla eller gul.