{"id":75525,"date":"2022-09-22T15:11:41","date_gmt":"2022-09-22T20:11:41","guid":{"rendered":"https:\/\/blogging-techies.com\/sw\/hur-man-anvander-kylare-for-palettinspiration\/"},"modified":"2022-09-22T15:11:41","modified_gmt":"2022-09-22T20:11:41","slug":"hur-man-anvander-kylare-for-palettinspiration","status":"publish","type":"post","link":"https:\/\/blogging-techies.com\/sw\/hur-man-anvander-kylare-for-palettinspiration\/","title":{"rendered":"Hur man anv\u00e4nder kylare f\u00f6r palettinspiration"},"content":{"rendered":"
\n

F\u00e4rgl\u00e4ra och design med f\u00e4rg \u00e4r enorma \u00e4mnen, mycket st\u00f6rre \u00e4mnen \u00e4n vad som kan hanteras med en enkel webbapp. Ett f\u00e4rgpalettverktyg \u00e4r dock fortfarande anv\u00e4ndbart f\u00f6r dem som redan \u00e4r bekanta med f\u00e4rgteori och kan introducera \u00e4mnet f\u00f6r alla med ett \u00f6verg\u00e5ende intresse.<\/p>\n

Coolors s\u00e4tter f\u00e4rgpaletter i centrum f\u00f6r allt, vilket g\u00f6r det enkelt f\u00f6r tillf\u00e4lliga anv\u00e4ndare att h\u00e5lla paletter s\u00e4kra f\u00f6r senare anv\u00e4ndning, samtidigt som de tillhandah\u00e5ller n\u00e5gra sofistikerade verktyg f\u00f6r dem som \u00e4r villiga att gr\u00e4va lite djupare.<\/p>\n

<\/span> Komma ig\u00e5ng med kylare<\/span><\/h2>\n

Coolors \u00f6ppnar p\u00e5 en dj\u00e4rv hemsida som visar vad tj\u00e4nsten har att erbjuda. Du kan registrera dig p\u00e5 webbplatsen h\u00e4r f\u00f6rst, men det \u00e4r inte ett v\u00e4sentligt krav f\u00f6r att anv\u00e4nda tj\u00e4nsten.<\/p>\n

Registrering \u00e4r dock en snabb och sm\u00e4rtfri procedur, trots behovet av att skapa ett konto med en e-postadress.<\/p>\n

\n<\/figure>\n

Med ett konto kan du i huvudsak bokm\u00e4rka f\u00e4rger och paletter, s\u00e5 att du kan g\u00e5 tillbaka till dem vid ett senare tillf\u00e4lle. Bara denna funktion \u00e4r v\u00e4rd att registrera sig f\u00f6r.<\/p>\n

Sajten utnyttjar det fulla utrymmet en skrivbordssk\u00e4rm ger, men den fungerar \u00e4ven p\u00e5 mindre mobilsk\u00e4rmar. Den mesta anv\u00e4ndningen kommer dock \u2013 och b\u00f6r \u2013 ske p\u00e5 en station\u00e4r webbl\u00e4sare.<\/p>\n

\n<\/figure>\n

<\/span> Utforska befintliga paletter<\/span><\/h2>\n

Coolors handlar om att hantera f\u00e4rgpaletter. P\u00e5 Coolors \u00e4r en f\u00e4rgpalett helt enkelt en lista som inneh\u00e5ller mellan tv\u00e5 och 10 individuella 24-bitarsf\u00e4rger.<\/p>\n

Det snabbaste s\u00e4ttet att f\u00e5 en k\u00e4nsla f\u00f6r sajten \u00e4r att se vad som redan finns d\u00e4r. De Utforska<\/strong> menyn tar dig till en Trendiga f\u00e4rgpaletter<\/strong> sida, som visar upp scheman som f\u00f6r n\u00e4rvarande har visat sig popul\u00e4ra.<\/p>\n

\n<\/figure>\n

Konceptet med trendiga f\u00e4rgpaletter \u00e4r kanske lite ovanligt, men du kan ocks\u00e5 sortera str\u00f6mmen efter Senast<\/strong> eller Popul\u00e4r<\/strong>. Du kan till och med s\u00f6ka efter n\u00e4stan alla typer av f\u00e4rgv\u00e4rden genom att anv\u00e4nda nyckelord som \u201cvibrerande\u201d eller \u201cskog\u201d.<\/p>\n

Varje palett visas i form av en serie vertikala r\u00e4nder, d\u00e4r varje r\u00e4nder anv\u00e4nder en f\u00e4rg fr\u00e5n paletten.<\/p>\n

\n<\/figure>\n

N\u00e4r du h\u00e5ller muspekaren \u00f6ver en rand expanderar den n\u00e5got f\u00f6r att avsl\u00f6ja f\u00e4rgens hexadecimala RGB-v\u00e4rde, som kan kopieras till urklippet med ett enkelt klick. Det \u00e4r en utm\u00e4rkt metod f\u00f6r att hitta en l\u00e4mplig f\u00e4rg, eller en hel palett om du har br\u00e5ttom.<\/p>\n

<\/span> Skapar nya paletter<\/span><\/h2>\n

Som standard \u00e4r Generera<\/strong> sektionen ger en slumpm\u00e4ssig f\u00e4rgpalett, med fem f\u00e4rger som du kan b\u00f6rja arbeta med. Genom att trycka p\u00e5 Mellanslagstangenten<\/strong> producerar ett nytt slumpm\u00e4ssigt urval. Det h\u00e4r \u00e4r bra om du letar efter inspiration och inte har en aning om var du ska b\u00f6rja!<\/p>\n

\n<\/figure>\n

Varje palett kan sparas eller modifieras ytterligare i f\u00f6rv\u00e4g. Du kan arbeta med individuella f\u00e4rger och justera dem efter nyans om de inte \u00e4r helt r\u00e4tt. Klicka p\u00e5 Visa nyanser<\/strong> ikonen och v\u00e4lj sedan en alternativ nyans fr\u00e5n de som presenteras.<\/p>\n

En viktig punkt att notera \u00e4r att paletter \u00e4r l\u00e4tta att skapa fr\u00e5n b\u00f6rjan, men \u00e4r mestadels inslagna i sten. Om du \u00e4ndrar en palett kommer den att uppmanas att sparas som en ny kopia, s\u00e5vida du inte g\u00f6r det genom att specifikt redigera paletten, ist\u00e4llet f\u00f6r att \u00f6ppna den i generatorn.<\/p>\n

\n<\/figure>\n

N\u00e4r du redigerar f\u00e4rger inom en palett som denna \u00e4r endast RGB-hex-koden tillg\u00e4nglig. Vi rekommenderar att du ist\u00e4llet anv\u00e4nder den fullst\u00e4ndiga generatorn, laddar paletten som du vill \u00e4ndra och sedan sparar den som en ny palett innan du tar bort den gamla.<\/p>\n

Detta \u00e4r kanske den mest besv\u00e4rliga aspekten av Coolors webbapp, och det kan ta lite tid att v\u00e4nja sig vid.<\/p>\n

De Sparade paletter<\/strong> ikonen v\u00e4xlar ett sidof\u00e4lt som visar alla paletter du har sparat, plus \u00f6ver hela webbplatsen. Det \u00e4r ett anv\u00e4ndbart s\u00e4tt att snabbt komma \u00e5t valfri palett.<\/p>\n

\n<\/figure>\n

Paletter kan ha taggar tilldelade dem f\u00f6r enklare h\u00e4mtning och kan \u00e4ven grupperas ihop till Projekt<\/strong> eller Samlingar<\/strong> (det \u00e4r egentligen ingen skillnad mellan de tv\u00e5) f\u00f6r senare referens.<\/p>\n

Bildv\u00e4ljaren extraherar f\u00e4rger fr\u00e5n en bild och genererar en serie m\u00f6jliga paletter baserat p\u00e5 dem. Du kan dra skjutreglaget f\u00f6r att visa olika paletter eller l\u00e4gga till extra f\u00e4rgfack.<\/p>\n

\n<\/figure>\n

Platsen f\u00f6r varje f\u00e4rg \u00e4r markerad i bilden och platser kan dras f\u00f6r att v\u00e4lja en annan f\u00e4rg. N\u00e4r du \u00e4r klar kan du spara paletten i ditt bibliotek eller exportera den som en fil.<\/p>\n

<\/span> Hitta grundl\u00e4ggande information med f\u00e4rgv\u00e4ljaren<\/span><\/h2>\n

F\u00e4rgv\u00e4ljaren fokuserar mindre p\u00e5 snygga widgets \u2013 \u00e4ven om det finns flera p\u00e5 erbjudandet \u2013 och mer p\u00e5 de intrikata detaljerna i en specifik f\u00e4rg. Som standard v\u00e4ljer sidan en slumpm\u00e4ssig f\u00e4rg, men detta kan justeras genom att skriva in ett direkt hexadecimalt RGB-v\u00e4rde eller genom att v\u00e4lja fr\u00e5n en rad f\u00e4rgv\u00e4ljare.<\/p>\n

\n<\/figure>\n

Med en f\u00e4rg vald kommer du att se alla dess olika representationer fr\u00e5n RGB till XYZ. Variationer kommer att visa liknande alternativa f\u00e4rger justerade efter nyans, nyans eller temperatur, bland annat.<\/p>\n

Det h\u00e4r avsnittet blir \u00e4nnu mer omfattande och handlar om olika f\u00e4rgharmonier (t.ex. komplement\u00e4ra), en f\u00e4rgblindhetssimulator och en kontrastkontroll f\u00f6r att se hur f\u00e4rgen fungerar som text p\u00e5 en vit eller svart bakgrund.<\/p>\n

\n<\/figure>\n

<\/span> Exportera en palett<\/span><\/h2>\n

Oavsett om du tittar p\u00e5 en befintlig palett eller skapar din egen, har du m\u00f6jlighet att exportera den i en m\u00e4ngd olika format, inklusive:<\/p>\n

CSS f\u00f6r att kopiera och klistra in i din stilmall En bildfil, inklusive SVG A PDF f\u00f6r att visa upp paletten <\/p>\n

Om du n\u00e5gonsin har klottrat en kod p\u00e5 sex tecken p\u00e5 en lapp eller skickat ett meddelande till n\u00e5gon RGB-triplett, kommer du att inse hur tidsbesparande detta kan vara, s\u00e4rskilt n\u00e4r det anv\u00e4nds i ett bredare team.<\/p>\n

\n<\/figure>\n

N\u00e4r du exporterar din palett som en PDF, ger Coolors dig m\u00e5nga anpassningsalternativ, av vilka n\u00e5gra inkluderar etiketter att anv\u00e4nda f\u00f6r varje f\u00e4rg i paletten och upps\u00e4ttningar av exempel att inkludera fr\u00e5n olika f\u00e4rgrymder.<\/p>\n

Det \u00e4r inte fullt s\u00e5 sofistikerat som en komplett designstudio kan producera, men det \u00e4r perfekt att inkludera i ett designdokument.<\/p>\n

<\/span> Hantera paletter med kylare<\/span><\/h2>\n

Coolors \u00e4r en f\u00f6rv\u00e5nansv\u00e4rt fullfj\u00e4drad webbplats, med mycket att erbjuda b\u00e5de den avslappnade f\u00e4rgaren och den h\u00e4ngivna designern.<\/p>\n

Webbplatsen \u00e4r en modern webbapp med s\u00e5 m\u00e5nga alternativ f\u00f6r att utforska f\u00e4rg som du kan t\u00e4nka dig. \u00c4ven om detaljerna kan vara skr\u00e4mmande, \u00e4r webbplatsen tillr\u00e4ckligt tillg\u00e4nglig f\u00f6r att \u00e4ven icke-experter ska kunna dra nytta av det.<\/p>\n

Om f\u00f6rfattaren<\/strong><\/p>\n

Bobby Jack (65 artiklar publicerade)
<\/strong><\/p>\n

Bobby \u00e4r en teknikentusiast som arbetat som mjukvaruutvecklare under de flesta av tv\u00e5 decennier. Han brinner f\u00f6r spel, arbetar som chefredakt\u00f6r p\u00e5 Switch Player Magazine och \u00e4r f\u00f6rdjupad i alla aspekter av onlinepublicering och webbutveckling.<\/p>\n

Mer fr\u00e5n Bobby Jack<\/p>\n

<\/span>Prenumerera p\u00e5 v\u00e5rt nyhetsbrev<\/span><\/h4>\n

G\u00e5 med i v\u00e5rt nyhetsbrev f\u00f6r tekniska tips, recensioner, free e-b\u00f6cker och exklusiva erbjudanden!<\/p>\n

Klicka h\u00e4r f\u00f6r att prenumerera<\/p>\n<\/p><\/div>\n

\n
\n

Table of Contents<\/p>\nToggle<\/span><\/path><\/svg><\/svg><\/span><\/span><\/span><\/a><\/span><\/div>\n