Om du någonsin har använt alldeles för lång tid på att hitta färger som faktiskt fungerar tillsammans, har Adobe ett verktyg byggt exakt för det:Adobe Color. Många designers förlitar sig på det när de bygger en färgpalett. Istället för att manuellt testa dussintals nyanser tillämpar Adobe Color beprövade harmoniregler och ger dig kombinationer som fungerar.
Idag går vi igenom hur du använder Adobe Color för att bygga en bra färgpalett och hur du applicerar den på projektet du arbetar med.
Del 1. Vad är Adobe Color?
Adobe Color är ett gratis onlineverktyg från Adobe som hjälper dig att bygga, utforska och spara färgpaletter. Eftersom färgteori kan vara mycket att linda runt, gör Adobe Color tankarna åt dig när du behöver ett färgtema snabbt och klart att använda.
Du kan komma åt Adobe Color direkt på color.adobe.com utan någon installation. Om du letar efter en Adobe Color-app på mobilen kan du använda Adobe Capture istället. Den driver också Adobe Express Tema-funktion, som hjälper dig att hitta och tillämpa konsekventa färgpaletter i dina designs.
Vad du kan göra med Adobe Color
Adobe Color har minst fyra huvudfunktioner som tjänar olika syften.
1. Skapa färgteman
På fliken Skapa kan du välja en basfärg och en färgharmoni med hjälp av Adobes färghjul, och Adobe Color genererar ett färgtema runt det. Du kan göra det genom att dra markörerna på hjulet manuellt eller slå in ett specifikt hexadecimalt värde. Eller om du har en bildreferens kan du också ladda upp den och låta Adobe Color dra en palett eller gradient direkt från den.
2. Upptäck trender
Fliken Trender hämtar Adobes färgpaletter från det som för närvarande är populärt i Behance och Adobe Stock. De är sorterade efter bransch, som mode, grafisk design, illustration, UI/UX, resor, speldesign och mer. Du kan använda den för att nollställa vad som är relevant för ditt arbete.
3. Utforska communityns erbjudanden
Under fliken Utforska hittar du tusentals Adobe-paletter skapade och delade av andra Adobe Color-användare. Du kan söka med nyckelord eller bläddra efter färg. Om du hittar en du gillar kan du spara den direkt i ditt Adobe Creative Cloud-bibliotek.
4. Tillgänglighetsverktyg:Contrast Checker och Colour Blind Safe
Att vara inkluderande är viktigt i alla designprojekt, och Adobe Color hjälper dig att täcka den basen. Under avsnittet Tillgänglighet på fliken Skapa finns det två verktyg:
- Kontrastkontroll:Testar om din kombination av text och bakgrundsfärg uppfyller WCAGs tillgänglighetsstandarder (riktlinjerna som används för att mäta läsbarhet för personer med synnedsättning).
- Färgblindsäkert:Kontrollerar din palett mot olika typer av färgblindhet, som deuteranopia, protanopia och tritanopia, och flaggar kombinationer som kan vara svåra att urskilja.
Båda verktygen ger dig omedelbar visuell feedback, så att du kan justera dina färger på plats istället för att upptäcka problem efter att din design redan är klar.
Är Adobe Color Free?
Ja, Adobe Color är gratis att använda direkt på sin webbplats. Du kan skapa paletter utan prenumeration, och du behöver inte ens logga in om du inte vill spara paletter i dina Creative Cloud Libraries.
Del 2. Hur man skapar färgpaletter med Adobe Color Palette Generator
Nu när du vet vad Adobe Color är och vad det erbjuder, här är en närmare titt på den del de flesta av er kommer för:att bygga färgpaletter.
Använda Adobe Color Wheel
När du öppnar fliken Skapa är det första du ser Adobes färghjul. För att bygga en palett med den har du några alternativ:
- Dra ett av färghandtagen runt hjulet så flyttas de andra markörerna automatiskt för att följa din valda harmoniregel.
- Skriv in en hexadecimal kod om du redan har en specifik färg i åtanke. Hjulet snäpper fast direkt.
Men innan du börjar flytta runt saker, välj en harmoniregel först. Det här är inställningen som talar om för Adobe Color hur man väljer de andra färgerna i förhållande till din basfärg. Och eftersom olika regler ger väldigt olika resultat är det bara du som vet vad din design faktiskt behöver.
Vanliga harmoniregler i Adobe Color
- Analog:Färger som sitter bredvid varandra på hjulet.
- Monokromatisk:En nyans, varierande i ljusstyrka och mättnad.
- Triad:Tre färger jämnt fördelade runt hjulet.
- Kompletterande:Två färger mittemot varandra. Hög kontrast.
- Dela komplementär:Som komplementär, men tar de två färgerna som flankerar den motsatta punkten istället för själva den motsatta färgen.
- Kvadrat:Fyra färger jämnt fördelade runt hjulet.
- Sammansättning:Två komplementära par kombinerade.
- Nyanser:Ljusare och mörkare varianter av en enda basfärg.
- Anpassad:Inga regler tillämpas. Du flyttar varje markör fritt och bygger vad du vill.
Bild:Färger förklaras
Om du till exempel väljer "Monochromatic", kommer det att visa Adobe Monochromatic-hjulet med alla markörer låsta till samma nyans. Du kan kopiera hex-koderna eller RGB-värdena och ta dem direkt in i ditt projekt.
Färgharmonisregler kommer från grundläggande färglära. De är färgkombinationer som naturligt ser bra ut tillsammans baserat på deras placering på färghjulet. Förutom att välja en harmoniregel måste du också välja ett färgläge.
Färgläge, å andra sidan, avgör hur dina färger definieras och mäts numeriskt. Och det spelar roll beroende på om din design är avsedd för skärmar eller tryck.
Färgläge i Adobe Color
| RGB | HSB | LAB | |
| Hur det fungerar | Blandar rött, grönt och blått ljus (0–255) för att producera färg | Definierar färg efter nyansvinkel, mättnad och ljusstyrka | Modeller färg baserad på mänsklig perception, som skiljer ljushet från två färgkanaler |
| Typiska användningsfall | Allt på en skärm (webbplatser, appar, sociala medier, digital annons). | Samma som RGB, men att föredra när färger justeras intuitivt | Tryckproduktion och färgkonsistens över flera enheter |
| Styrkor | Universell standard för digitalt arbete | Varje värde styr en distinkt kvalitet, vilket gör justeringar mer förutsägbara | Enhetsoberoende och mer exakt över olika utdatatyper |
| Begränsningar | Ej lämplig för utskrift | Ingen precisionsfördel jämfört med RGB | Mer tekniskt att arbeta med, särskilt för vardags digital design |
Extrahera färgpaletter från bilder
Fortfarande på fliken Skapa kan du byta från färghjulet till Extrahera tema för att extrahera en färgpalett från en befintlig bild. Ladda upp valfri bild, illustration eller skärmdump, så hämtar Adobe Color en palett med fem färgrutor direkt från den.
Du kan styra hur paletten extraheras med ett av fem lägen:Färgrik, Ljus, Dämpad, Djup och Mörk. Varje läge riktar sig mot olika toner i bilden, så samma foto kan producera flera olika paletter beroende på vilket läge du väljer.
Extrahera färggradienter
Förutom att extrahera en färgpalett från ett foto, kan du också extrahera en övertoning från avsnittet Extrahera övertoning. Gradientextraktionen fungerar på liknande sätt, men istället för att producera fasta färgrutor, mappar den färgerna från din bild till en gradient.
Efter att ha laddat upp en bild kommer Adobe Color att generera en gradient som återspeglar de dominerande färgövergångarna i den. Du kan växla mellan linjära och radiella gradienttyper och dra färgstoppen för att justera resultatet.
Del 3. Där Adobe Color passar in i ditt designarbetsflöde
Adobe Color fungerar för i stort sett alla som behöver fatta färgbeslut. De flesta människor sträcker sig efter det i ett tidigt skede av ett projekt, som när man räknar ut den visuella riktningen eller sätter ihop ett färgsystem. Men det är också användbart när du behöver utöka en befintlig palett eller kontrollera om dina färger håller för tillgängligheten.
För videoskapare specifikt kan Adobe Color användas när du planerar den visuella identiteten för en kanal eller en enskild produktion. När du väl har en palett låter verktyg som Wondershare Filmora dig bära dessa färgbeslut direkt i din redigering.
1. Bygg en konsekvent varumärkesidentitet
En färgpalett är ofta grunden för ett varumärkes visuella identitet, och det gäller videoinnehåll lika mycket som det gör för logotyper eller webbplatser. När varje element på skärmen följer samma färgschema ser dina videor sammansatta ut.
Du kan använda din färgpalett på:
- Text och bildtexter
- Bakgrundsgrafik
- Rörelsedesignelement
Om du har ett distinkt färgschema kommer folk att börja känna igen ditt innehåll bara från det visuella innan de ens ser ditt namn. När de gör det betyder det att du framgångsrikt har byggt upp ett starkt visuellt varumärke.
2. Stöd för färggradering och visuell stämning
Din palett kan också vägleda färggraderingsbeslut. Istället för att justera skuggor, mellantoner och högdagrar enbart efter känsla, har du en konkret färgreferens att arbeta mot, vilket gör processen snabbare.
I Filmora kan du börja med att använda AI Color Palette-funktionen. Det kan generera ett färgbetyg baserat på en referensbild för att ge dig en solid bas att arbeta utifrån. Därifrån kan du använda Filmoras HDR-färghjul för att finjustera skuggor, mellantoner och högdagrar tills de är i linje med de specifika värdena i din Adobe Color-palett.
Säker nedladdning
Del 4. Tips för att bygga bättre färgpaletter i Adobe Color
Adobe Color genererar bara paletten. Kvaliteten och besluten bakom beror fortfarande på dig. Dessa tips hjälper dig att få ut mer av verktyget.
1. Börja med en färg som passar ditt projekt
Börja inte med att försöka välja fem färger på en gång. Välj en färg och låt Adobe Color bygga resten runt den. Det kan vara din varumärkesfärg eller en färg som hämtas från ditt motiv. Om du inte har en specifik färg i åtanke ännu, börja med vad du vill förmedla. Färger har betydelse, och det kan du använda som utgångspunkt.
2. Testa din palett i sammanhanget
En palett som ser bra ut på färghjulet översätts inte alltid bra i en verklig design. Det är bäst att alltid testa dina färger mot verkliga element för att se hur de faktiskt beter sig tillsammans.
3. Kör tillgänglighetskontrollen innan du slutför
Det tar mindre än en minut och kan rädda dig från att behöva göra om dina färgval senare. Glöm inte att använda Contrast Checker i Adobe Color för att se till att din text är läsbar, och Colour Blind Safe-verktyget för att fånga alla kombinationer som kan vara svåra att urskilja för vissa tittare.
Slutsats
Att få rätt färger behöver inte ta timmar att ta reda på längre. Adobe Color tar bort teoridelen från din tallrik så att du kan lägga mer tid på att faktiskt designa. Och om du är en videoskapare gör Filmora det enkelt att få liv i dessa färger i din redigering.
Den här guiden har allt du behöver för att komma igång. Prova Adobe Color, välj en färg du gillar och börja bygga bättre färgpaletter för ditt projekt.
Vanliga frågor
-
1. Kan du exportera Adobe Color-paletter till andra designverktyg?
Ja. Om du har ett gratis Adobe-konto kan du spara paletter direkt i dina Creative Cloud Libraries, vilket gör dem tillgängliga i Photoshop, Illustrator och InDesign. Om du arbetar utanför Adobes ekosystem kan du manuellt kopiera hex-, RGB- eller LAB-värdena och överföra dem till alla verktyg du använder.
-
2. Hur många färger ska en bra färgpalett ha?
Det finns ingen hård regel, men de flesta paletter fungerar bäst med 3 till 5 färger. En typisk inställning inkluderar en dominerande färg, en eller två stödfärger och en accent.
-
3. Kan du använda Adobe Color för webbdesign?
Definitivt, ja. Adobe Color är särskilt användbart för webbdesign eftersom det fungerar i RGB- och hex-värden som standard, vilket är standardformaten för webben. Kontrastkontrollen är också användbar när du behöver se till att dina text- och bakgrundskombinationer uppfyller WCAGs tillgänglighetsstandarder innan du slutför din design.