Hitta rätt färg, mönster eller bild

På WordPresskursen pratade vi senast om att välja färg på sidans  bakgrund. Vissa teman erbjuder möjlighet att välja bakgrund genom att klicka i önskad färg i ett färghjul i admin-panelen, under Teman, Bakgrund, alternativt  under egen flik för temats specialinställningar i panelen. Men om man inte har det?

Bakgrund, textlänkar med mera kan man ändra färg på genom att göra ändringar i temats stilmall (som oftast heter style.css). Kom ihåg att om du vill göra ändringar i koden: kopiera alltid all kod först och klistra in den orörd i till exempel en anteckningsfil, som du sparar med kodmallens namn och datum. Då finns ursprungskoden kvar, så att du kan kopiera och klistra in den tillbaka, om du råkar göra något fel när du gör dina ändringar. För alla råkar göra fel någon gång … Tycker du att det är läskigt och svårt att ändra i en css-fil, vänd dig till en programmeringskunnig.

Länkar till några olika webbtjänster om färger, bilder och mönster

Alla namn på tjänster i nedanstående text är länkade så att du kan klicka på dem.

Color Wheel – ett färghjul som ger dig rätt färgkod

Klicka i färghjulet och välj sedan nyans mellan ljust och mörkt i rutan till höger (som då får ett färgat spektrum utifrån den färg du valt). Du får ett namngivet urval av färgnyanser där den som ligger längst till vänster är den så kallade webbsäkra färgen (som du kanske vet så kan ögat och tryckeritekniken urskilja fler färger än vad en vanlig datorskärm kan visa). Idag klarar visserligen skärmar och program betydligt fler än de 216 färger som varit standard under en lång tid, så att du kan våga experimentera lite. De webbsmarta färgerna, 4096 olika, ligger i ett färgspektrum som man kan förvänta sig att skärmar och program som används idag ska kunna läsa.

När du har hittat den färg du vill ha kan du kopiera färgkoden och använda den i css eller html.
Om du vill läsa mer om hur färgkoden bestäms, så skutta vidare till Wikipedias beskrivning av html-färger.

En färghanterare som går åt andra hållet, det vill säga om du har färgnumret och undrar över vilken färg det är, hittar du på Color hex, http://www.color-hex.com.

Hitta färger som matchar bilden

What’s its color är en tjänst där du kan ladda upp en bild och få färgnummer på de mest dominanta färgerna i bilden. Pictaculous är en annan tjänst som gör samma sak. Nyttan är att du kan ge bilden en bakgrund som matchar eller förstärker element i den.

Jag laddade upp den här bilden, som jag tagit själv.

Pictaculous gav mig då en färgskala som du kan se på skärmbilden här nedan:

Hitta färgskalor med färger som matchar och kompletterar

I nederkanten av skärmdumpen (bilden ovan) syns också förslag på alternativa färgskalor från Kuler, som är en tjänst som rekommenderar färgskalor och komplementfärger. Gå gärna dit och testa – den är snygg, inspirerande och rolig. Skalorna heter dessutom snygga saker som ”Early winter morning”, ”Wonka land” och så vidare.

När du vill ha ett mönster

En svenskutvecklad sida som ger dig mönster att använda som png (ett praktiskt filformat som inte tar mycket plats och som passar bra för webbsidesbakgrunder) finns på Pngtextures.com.

En annan sida där du kan fastna och leta runt bland ett oändligt antal färgglada och lätt förändringsbara mönster är Patterncooler. Det går att ändra alla färger som ingår i varje mönster. Mönstret kan sedan byggas ut ”sömlöst”, till stora ytor.

Vill du hitta mer? Här ligger alla mina senast bokmärkta webbsidor som handlar om funktioner för färg, i en länklista på bokmärkestjänsten Delicious.

Kommentera gärna