Färgcirkel. Cool Color Combination Cheat Sheet Skapa ett färgschema

Färger spelar en stor roll i webbdesign. För att korrekt välja färgschemat för webbplatsen finns det speciella tjänster. Jag är säker på att varje webbdesigner har minst en av dessa i sina bokmärken.

Ibland sitter du och tänker på vilken nyans av blått du ska välja den viktigaste för webbplatsen, lite ljusare eller lite ljusare, eller kanske ta en mörkare ... Och du behöver fortfarande plocka upp ytterligare. Du kan naturligtvis göra detta med ögat, men det är bättre att använda någon av specialtjänsterna.

Jag kommer inte att prata om färglära (detta är för omfattande information), utan bara publicera de tjänster som jag har i mina bokmärken och som jag använder här.

Jag har varit vän med detta instrument i många år. Det mest bekväma verktyget för färgmatchning (enligt min mening). Den har många ytterligare funktioner. Du kan till exempel se ett exempel på en ljus och mörk sida med utvalda färger.

Det finns en möjlighet att utvärdera hur personer med färgblindhet och andra synskada kommer att se din färgskala. Du kan välja webbsäkra färger.

Adobe Kuler är det andra webbverktyget som jag använder ganska ofta. Urvalet av färgschemat är nästan detsamma som på föregående sida, men det är inte därför jag älskar det. Förutom att du kan skapa färgscheman själv, kan du titta på och använda scheman skapade av andra människor.

För att göra detta, tryck på knappen i den övre vänstra menyn "Titta". Och ett galleri med alla möjliga färgkombinationer kommer att öppnas framför dig.

Det här verktyget är lite som Сolorscheme, men det har färre funktioner, men det är möjligt att se hur färgblocken kommer att se ut.

Jag använder knappt den här sidan, men eftersom jag har den i mina bokmärken bestämde jag mig för att lägga till den också.

De följande två webbplatserna genererar en palett från din valda bild. Det är magiskt :)

Du väljer vilken bild som helst, vilka färger du gillar, tjänsten analyserar den och ger dig en färgpalett. Den enda skillnaden mellan dessa två webbplatser är hur man förser dem med en bild.

Denna webbplats behöver ladda ner bild från din dator.

Ett mycket praktiskt verktyg för färgmatchning. Den bygger på principen "gilla - ogilla".

flatcolors.net

Som namnet antyder är det här du kan välja färger för dagens trendiga, platta design. Webbplatsen är intressant eftersom du efter att ha valt en palett kan ladda ner den för Corel och Photoshop.

materialpalette.com

En annan modetrend är materialdesign. Denna sida hjälper till att välja färgkombinationer för UI (användargränssnitt). Dessutom har webbplatsen en stor uppsättning ikoner.

Och slutligen, återigen användargränssnittet. Här är bara en uppsättning färger för UI-design. Genom att klicka på valfri färg kan du se hur vit text kommer att läsas på en viss bakgrund.

Det här är verktygen jag har i mina bokmärken.

Skriv i kommentarerna vilka färgmatchningssajter för webbdesign använder du?

Behöver du en hemsida med rätt färger? , låt oss göra :)

Hittade du en bugg? Markera ett textstycke och tryck på CTRL + ENTER

Professionell webbdesign är inte komplett utan ett färgschema. Den här artikeln kommer att visa dig 20 fantastiska verktyg som hjälper dig att få det perfekta färgschemat.

Det finns många verktyg på World Wide Web för att uppnå färg nirvana. De verkar vara helt olika, men många av dem är bara modifierade versioner av mer populära och användbara verktyg.

Därför, för att förenkla processen med att välja ett färgschema, har vi sammanställt de 20 bästa tillgängliga verktygen. De kommer att hjälpa dig att inte gå vilse på jakt efter ett lämpligt alternativ och känna "färglycka"

01. Kuler

Kuler är utan tvekan det mest välkända färgverktyget.

Adobe Kuler är utan tvekan det mest populära verktyget för färgtema online och har gått från att vara ett enkelt färgverktyg på webben till en komplett resurs för att skapa teman och dela med andra. Plugins är tillgängliga för alla större Adobe-program, inklusive Photoshop, Illustrator och InDesign, vilket gör Kuler till ett fantastiskt allt-i-ett-verktyg för vanliga Creative Suite-användare.

02. ColorExplorer

ColorExplorer kan utföra många olika funktioner.

Vi kan säga att det är ett av de mest sofistikerade verktygen på Internet. Den erbjuder ett brett utbud av verktyg för att designa, anpassa och analysera dina färgpaletter. Till exempel verktyg som hjälper till att avgöra tillgänglighet WCAG färgväljare, konverteringsverktyg som låter dig navigera mellan olika system och allt du behöver för att välja färger och skapa paletter.

03. Färger på webben

Färger på webben drivs av Flash.

Färger på webben laddar solida färger i HEX- eller RGB-koder och producerar en uppsättning scheman baserade på olika matematiska proportioner. Det här verktyget fungerar inte på iPad eller iPhone eftersom det använder Flash för att starta programmet.

04. FÄRGälskare

COLOURlovers påminner lite om Pinterest för färg

05. Pictaculous

Pictaculous låter dig ladda upp en bild och skapa ett färgschema baserat på den.

Detta verktyg från skaparna av MailChimp låter dig ladda upp en bild och skapa ett färgschema baserat på dess egna färger. Den är kompatibel med flera andra instrument som Kuler och Colourlovers. Pictaculous har en praktisk nedladdning av Adobe Swatch-tema som låter dig snabbt och enkelt "ta tag i färgerna" du behöver för att komplettera ditt fotografi.

06. Kontrast-A

Contrast-A skapar en imitation av olika synfel.

Detta är inte ett särskilt vanligt färgschemaverktyg. Den är utformad för att säkerställa att du skapar ett WCAG-kompatibelt färgschema genom att förhandsgranska kontrastnivåer och använda en teknik med låg synlighet och färgblindhet. Contrast-A har massor av länkar till manualer som är mer användarvänliga än själva specifikationsdokumentet.

07. ColoRotate

ColoRotate har en vacker visualisering av "färghjulet"

ColoRotate har liknande funktioner som Kuler, men skiljer sig genom att visa paletten på en snygg 3D-kon och möjligheten att generera mer än 5 färger i ett schema. Verktyget kan integreras med vissa Creative Suite-applikationer. Den finns även som en iPad-app och kan fungera tillsammans med Photoshop i färgkonsolläge.

08. Hex färgschemagenerator

HEX skapar färger som passar bra med det tillgängliga färgomfånget.

HEX är ett litet praktiskt verktyg för att generera färger. Ange bara en färgkod så kommer den att visa en uppsättning tilltalande färger som matchar perfekt med dina basfärger.

09. Färgschema designer

Färgschemadesignern har flera intressanta sätt att skapa färgteman.

Detta onlineverktyg har liknande funktionalitet som Adobe Kuler. Men tack vare intressanta knep för att skapa färgteman, låter det dig välja ljusstyrka / mättnad och kontrastparametrar från schemaegenskaperna, istället för att "pyssla" med de individuella färgerna som utgör temat. Color Scheme Designer ger tillgång till en uppsättning matematiska standardmetoder, inklusive möjligheten att harmoniskt matcha färgschemat för en design för en enda (mono), två (komplement), tre (triad) eller fyra (tetrad) färger med nyanser och halvtoner.

10. COPASO

COPASO är ett utmärkt verktyg för att lösa flera problem samtidigt.

Ett av webbplatsens verktyg FÄRGälskare, COPASO förtjänar särskild uppmärksamhet, eftersom det låter dig lösa många problem samtidigt när du skapar paletter. Den tillhandahåller en komplett uppsättning färgplockningsverktyg på ett enkelt gränssnitt. Det låter dig kommentera paletter, ladda upp bilder, följa CMYK-länkar direkt och välja hur du skapar ditt färgschema.

11. Färgmod

Colourmod-widgeten på skrivbordet gör det enkelt att välja och definiera färger.

Colourmod är ett skrivbordsverktyg som låter dig enkelt välja en av färgerna i området där widgetarna finns, även om du använder Dashboard för MacBook eller använder Konfabulator för Windows. Colourmod i sig är inte ett palettvalsverktyg, men det kan fortfarande användas för att välja och definiera en färg. I det här fallet behöver du inte köra andra tyngre program.

12. ColorZilla

ColorZilla fungerar i Chrome och Firefox.

Denna applikation utvecklades ursprungligen som ett Firefox-plugin, men den kan även användas i webbläsaren Google Chrome. ColorZilla är ett tillägg som har massor av olika verktyg för att arbeta med färg, inklusive: färgväljare, pipett, skapande av css-gradient och förhandsgranskning av palett.

13. Colormunki

Colormunki låter dig skapa ett färgschema baserat på Pantone-rutor.

Ett praktiskt verktyg för att arbeta online, presenterat av skaparna av Colormunki för färgkalibrering. Du kan skapa paletter från Pantone-färgprover online och använda olika tekniker för att hitta tilltalande kombinationer.

14.colr.org

Med Colr.org kan du se färgomfånget på dina bilder.

Detta enkla verktyg ger en unik möjlighet att analysera färgschemat för en bild (i andra program utförs denna funktion automatiskt). På så sätt kan du se vilka färger din bild är gjord av och välja de du gillar för att ställa in dem som huvudtemafärger.

15. ColourGrab

ColourGrab är en fantastisk färgschemagenerator för kompakta bilder.

Detta praktiska verktyg skapar en färgpalett från vilken bild som helst på webben. Ange bara webbadressen till bilden du vill analysera, sajten kommer att "gripa" den, bestämma dess färgskala och skapa ett enkelt 3D-diagram som återspeglar användningen av olika färger för denna bild. Det kanske inte är det bästa alternativet för standardteman, men ColourGrab är perfekt för att analysera fördelningen av färg i bilder.

16. ColorBlender

ColorBlender skapar en uppsättning av fem färger som smälter väl in i varandra.

Den här sidan är ett enkelt verktyg som låter dig ta prov på en bild, justera färger och följa i realtid hur en uppsättning av 5 perfekt matchade färger matchas. Paletter kan laddas direkt i Photoshop eller Illustrator som en EPS-fil.

17. GrayBit

GrayBit ​​låter dig analysera din webbplats för att se hur den ser ut i gråskala.

Det här praktiska verktyget matchar inte direkt färgteman, men det låter dig analysera din webbplats för att se hur den ser ut när den konverteras till gråskala. Detta hjälper dig att kontrollera om du har uppnått tillräckligt med kontrast i färgpaletten för att göra det lättare att läsa.

18.KALLD

COLRD är perfekt för att dela dina färgscheman och lära dig om nya.

Denna färgglada sida är en stor inspirationskälla, där användare delar med sig av sina färgpaletter samt övertoningar och bilder. Det är inte bara en sida för att skapa färgscheman, utan snarare en fest för estetik och är värt att kolla in för ett par fantastiska upptäckter.

19. Färgjägare

Color Hunter är en bra sida för att hitta nya färger.

Color Hunter hjälper dig att snabbt matcha färgschemat för uppladdade bilder genom att söka efter en lämplig tagg eller använda HEX-länkar. Webbplatsen är snabb och enkel att använda och möjliggör intressanta färgupptäckter.

20. Stripe Generator 2.0

Stripe Generator 2.0 hjälper dig att uppmärksamma dina färgval.

Det kallas ofta för "det senaste verktyget för web2.0". Stripe Generator 2.0 är ett bra verktyg för att skapa snygga färgkombinationer och ovanliga bilder på samma gång.

Att välja färgschema för en webbplats är en av de viktiga punkterna i designprocessen. Valet av en kombination av färger är en ganska komplicerad och kreativ process. Lyckligtvis finns det många tjänster som kan ge ett betydande stöd för att göra rätt val.

Vissa av resurserna som nämns i den här recensionen ger ett brett utbud av färgscheman att välja mellan, medan andra låter dig bygga ditt eget schema interaktivt.

Kuler

Adobe Kuler innehåller ett stort bibliotek med färdiga färgscheman. Du kan se diagrammet online och ladda ner det för användning i Adobe Creative Suite-serien.

Color Lovers har för närvarande nästan 2 miljoner användarskapade färgscheman. Du kan se dem genom att sortera efter datum, betyg, antal visningar.

ColoRotate har ett bibliotek med färdiga färgscheman. Du kan också skapa ditt eget schema med det unika 3D-verktyget. Färgschemat kan användas direkt i Photoshop och Fireworks med hjälp av plugin-programmet ColoRotate.

Color Scheme Designer låter dig välja typ av färgschema (mono, gratis, triad, tetrad, analog). Sedan kan du justera färgerna och se hur schemat fungerar med hjälp av ett exempel.

ColorSchemer har ett stort bibliotek med användarskapade färgscheman. Du kan sortera dem efter datum, betyg eller antal nedladdningar.

Pictaculous är ett enkelt verktyg för att skapa färgscheman online. Du kan ladda upp en bild och tjänsten genererar ett diagram som ska användas med bilden.

Färg spira

Color Spire är en mycket lättanvänd tjänst. Du väljer en basfärg och den föreslår ett färgschema. Du kan också se diagrammets utseende på en enkel mall.

Killar, vi lägger vår själ i sajten. Tack för
att du upptäcker denna skönhet. Tack för inspirationen och gåshuden.
Häng med oss ​​kl Facebook och I kontakt med

Schema nr 1. Kompletterande kombination

Komplementära, eller komplementära, kontrastfärger är färger som sitter på motsatta sidor av Ittens färghjul. Deras kombination ser väldigt livlig och energisk ut, speciellt med maximal färgmättnad.

Schema nr 2. Triad - en kombination av 3 färger

En kombination av 3 lika stora färger. Ger hög kontrast samtidigt som harmonin bibehålls. Denna komposition ser ganska livlig ut även när du använder bleka och omättade färger.

Schema nr 3. En liknande kombination

En kombination av 2 till 5 färger bredvid varandra på färghjulet (helst 2-3 färger). Intryck: lugn, inbjudande. Ett exempel på en kombination av liknande dämpade färger: gul-orange, gul, gul-grön, grön, blå-grön.

Schema nr 4. Separat-komplementär kombination

En variant av en komplementär färgkombination, endast närliggande färger används istället för den motsatta färgen. En kombination av en primärfärg och ytterligare två. Detta schema ser nästan lika kontrasterande ut, men inte så intensivt. Om du inte är säker på att du kan använda komplementära kombinationer korrekt, använd separata komplementära kombinationer.

Schema nr 5. Övningsbok - kombination av 4 färger

Ett färgschema där en färg är huvudfärgen, två kompletterar varandra och en mer betonar accenter. Exempel: blå-grön, blå-violett, röd-orange, gul-orange.

Schema nr 6. Fyrkant

Kombinationer av individuella färger

• Vit: passar till allt. Bästa kombinationen med blått, rött och svart.
• Beige: med blå, brun, smaragd, svart, röd, vit.
• Grå: med fuchsia, röd, lila, rosa, blå.
• Rosa: med brun, vit, mintgrön, oliv, grå, turkos, ljusblå.
• Fuchsia (mörkrosa): med grå, brun, limefärgad, mintgrön, brun.
• Röd: med gul, vit, brun, grön, blå och svart.
• Tomatröd: blå, mintgrön, sandig, krämvit, grå.
• Körsbärsröd: azurblå, grå, ljusorange, sandig, ljusgul, beige.
• Crimson red: vit, svart, damaskrosa färg.
• Brun: ljusblå, grädde, rosa, fawn, grön, beige.
• Ljusbrun: ljusgul, krämvit, blå, grön, lila, röd.
• Mörkbrun: citrongul, blå, mintgrön, lila rosa, limefärg.
• Rödbrun: rosa, mörkbrun, blå, grön, lila.
• Orange: ljusblå, blå, lila, lila, vit, svart.
• Ljus orange: grå, brun, oliv.
• Mörk orange: ljusgul, oliv, brun, körsbär.
• Gul: blå, lila, ljusblå, lila, grå, svart.
• Citrongul: körsbärsröd, brun, blå, grå.
• Blekgul: fuchsia, grå, brun, nyanser av rött, gulaktigt brunt, blått, lila.
• Gyllene gul: grå, brun, azurblå, röd, svart.
• Oliv: orange, ljusbrun, brun.
• Grönt: gyllenbrun, orange, sallad, gul, brun, grå, kräm, svart, krämvit.
• Salladsfärg: brun, gulbrun, fawn, grå, mörkblå, röd, grå.
• Turkos: fuchsia, körsbärsröd, gul, brun, kräm, mörklila.
• En elektriker är stilig i kombination med guldgul, brun, ljusbrun, grå eller silver.
• Blå: röd, grå, brun, orange, rosa, vit, gul.
• Mörkblå: ljuslila, ljusblå, gulgrön, brun, grå, ljusgul, orange, grön, röd, vit.
• Lila: orange, rosa, mörklila, oliv, grå, gul, vit.
• Mörklila: gyllenbrun, ljusgul, grå, turkos, mintgrön, ljusorange.
• Svart är mångsidigt, elegant, ser ut i alla kombinationer, bäst av allt med orange, rosa, sallad, vit, röd, lila eller gul.