Inhalt
- 01. HueSnap
- 02. Khroma
- 03. Coolors.co
- 04. Adobe Faarf CC
- 05. Colordot
- 06. Eggradienten
- 08. Canva Faarfpalette Generator
- 09. Material Design Palette
- 10. ColourCode
- 11. Faarfkalkulator
- 12. HTML Faarf Code
- 13. W3Schools: Faarwen Tutorial
- 14. Digital Faarw Meter (Mac)
Als Webdesigner huet eng vun de wichtegsten Entscheedungen déi mir treffen mat eise Faarfauswiel ze dinn. Wielt déi falsch, an Dir verléiert just eng Chance. Et ass richteg - d'Faarwen déi mir wielen kënnen e psychologeschen Impakt hunn op déi déi se gesinn.
Zum Beispill gëtt rout allgemeng als eng héichenergiefaarf ugesinn, wärend blo implizéiert Rou a Fridden. Fir dëse Punkt ze illustréieren, betruecht d'Faarwen, déi Dir op enger Websäit benotze kënnt, fir Kanner Spillsaachen ze verkafen versus e Site fir eng Affekotefirma. D'Chance ass, Dir gitt mat helle, liewege Faarwen fir déi fréier, a gedämpften Téin vu blo a gro fir déi lescht.
Awer wéi wësst Dir wéi eng Faarwen gutt zesumme schaffen? Glécklecherweis musst Dir kee Meeschter bei der Faarftheorie sinn fir eng funktionnabel Faarfpalette zesummenzestellen. Fir Iech mat der wichteger Aufgab vun der Faarfauswiel ze hëllefen, hei sinn e puer vun de beschten gratis Faarf Web Design Tools (plus ee speziellen Bonus zum Schluss fir Mac Benotzer).
01. HueSnap
Inspiratioun kann zu all Moment streiken. Et ass vläicht d'Dekor vun engem Hotelzëmmer oder d'Luucht am Park een Owend deen d'Inspiratioun fir Ären nächste Websäit Faarfschema ausléist. Fir wann dat geschitt ass HueSnap hei fir ze hëllefen. Dir kënnt eng Foto knipsen an HueSnap benotze fir d'Faarwen aus dem Bild ze extrahieren an zu enger Palette ze maachen.
D'App ass fir mobil Benotzung ugepasst, an Dir kënnt Är Paletten mat aneren späicheren an deelen. Et gi vill Features fir Iech ze hëllefen eng Palette z'änneren, wéi zum Beispill Optiounen fir ergänzend a verbindlech Faarwen ze wielen, an Är Paletten kënnen all bis zu sechs Faarwen hunn.
02. Khroma
Khroma ass en AI Faarfinstrument dat hëlleft Iech einfach originell Faarfkombinatiounen ze duerchsichen an ze vergläichen. Mat et trainéieren d'Benotzer en AI Algorithmus fir ze handelen wéi eng Erweiderung vun hirem Gehir. D'Benotzer fänken u 50 Faarwen ze wielen déi se gär hunn, an dës Faarwen gi benotzt fir en neuralt Netzwierk ze trainéieren dat Honnerte vun Dausende vun aneren ähnleche Faarwen erkennt. Fannt méi iwwer Khroma eraus a wéi Dir et hei benotzt.
03. Coolors.co
Coolors bitt eng grouss Diversitéit un Tools fir d'Palette just unzepassen wéi Dir et wëllt. Zousätzlech kënnt Dir Är lescht Kreatioun a ville verschiddene Formater exportéieren fir datt Dir se praktesch benotze kënnt wou Dir wëllt.
Coolors ass net nëmmen en Tool fir eng Faarfpalette ze kreéieren, et erlaabt Iech och aner ofgeschloss Kreatiounen vun anere Benotzer ze gesinn, sou datt Dir Inspiratioun zitt. Den Entdeckungs Sektioun huet Honnerte (wann net Dausende) vu Paletten déi Dir selwer ka gesinn, späicheren an änneren. Och besser, Coolors ass verfügbar op Desktopcomputer, an als iOS Uwendung, en Adobe Photoshop an Illustrator Add-on - an och eng Google Chrome Extension fir einfachen Zougang.
04. Adobe Faarf CC
Gratis Tool Adobe Color CC existéiert eng Zäit laang, an et ass ee vun de beschte Faarftools dobaussen fir eng Faarfpalette ze wielen. Net nëmme kënnt Dir Är eege Faarfschemas erstellen, awer Dir kënnt och erfuerschen wat anerer erstallt hunn.
Wielt eng Faarf aus dem Rad oder aus engem Bild a gitt Faarfregele wéi zum Beispill nëmme mat komplementäre Faarwen, monochromatesche Faarwen oder Nuancen vun der Faarf déi Dir gewielt hutt, fir eng Faarfpalette ze generéieren. Oder klickt op all Faarf an entdeckt d'Faarfrad fir d'Auswiel unzepassen. Als zousätzleche Bonus kënnt Dir d'Themen déi Dir erstellt an Är Adobe Bibliothéik späicheren.
05. Colordot
Colordot vun Hailpixel ass en exzellent gratis Online-Tool fir eng Faarfpalette ze kreéieren. Mat einfachen Mausbewegungen kënnt Dir Faarwen auswielen an spueren. Beweegt Är Maus hin an hier fir Faarftéin; erop an erof fir Liichtegkeet; scrollt fir d'Sättigung a klickt fir eng Faarf op Är Palette ze späicheren. Klickt op d'Tog Ikon fir all Faarwen RGB an HSL Wäerter ze gesinn. Et huet och eng $ 0.99 / £ 0.99 iOS App déi Iech erlaabt Faarwen mat Ärer Kamera ze fänken.
06. Eggradienten
Wann Dir verantwortlech sidd fir einfach ze liesen CSS ze generéieren, ass heiansdo Standardfaarwen a Faarnnimm de Wee. Dank 147 Faarwen vum Brian Maier Jr, kënnt Dir en Abléck vun all kréien, a wielt déi déi fir Iech schaffen.
Et enthält d'17 Standardfaarwen, plus 130 aner CSS Faarffennamen. Filter d'Resultater duerch Schiet vu blo, gréng an esou weider, oder wielt aus dem vollen Reebou vun 147 Faarwen.
08. Canva Faarfpalette Generator
De Color Palette Generator vu Canva ass perfekt wann Dir eng Faarfpalette kreéiert baséiert ronderëm e bestëmmt Bild. Och wann aner Tools ähnlech Optiounen ubidden, sinn d'Canva super einfach ze benotzen: Dir lued e Bild erop an de Generator wäert eng Palette vun de fënnef Haaptfaarwen dran zréckginn. Dir kënnt op d'Faarwen klickt déi Dir gär hutt a kopéiert den HEX-Wäert op Äert Clipboard.
Leider ass dat wou d'Nëtzlechkeet vum Canva Offer ophält, well dëst alles wat Dir maache kënnt mat sengem Palettenerator - Dir kënnt d'Faarwen vun der Palette net upassen. Déi eenzeg aner Optiounen, déi Dir hutt, sinn d'Hex Wäerter ze kopéieren oder eng aner Foto eropzelueden.
09. Material Design Palette
Mat Material Design Palette kënnt Dir zwee Faarwen auswielen, déi dann an eng voll Faarfpalette ëmgewandelt ginn fir Iech erofzelueden, komplett mat enger Virschau.
D'Firma bitt och Material Design Faarwen, déi Designer et erméiglechen, déi verschidden Nuancen vun enger Faarf ze gesinn, zesumme mat hiren entspriechenden HEX Wäerter.
10. ColourCode
ColourCode vum Tamino Martinius an Andreas Storm ass ähnlech wéi Colordot, awer et bitt e bësse méi Guidance. Dëst gratis Tool hëlt Iech direkt am Gesiicht, en Hannergrond ze weisen deen d'Faarwe mat Ärer Cursorbewegung ännert. Ausserdeem bitt dëst Tool verschidde Kategorien fir d'Palette (analog, Dräier, Quad, Monochrom, Monochrom Liicht etc).
Mat ColourCode kënnt Dir verschidden Optiounen laanscht d'Faarfrad setzen fir eng originell Kombinatioun ze kreéieren. Dir kënnt Är Palette och späicheren oder als SCSS oder LESS Datei exportéieren. Dir kënnt souguer op PNG exportéieren, wann Dir wëllt.
11. Faarfkalkulator
De Color Calculator ass einfach: Dir wielt eng Faarf an eng Faarf Harmonie Optioun. Als Retour kritt Dir d'Resultater vun Ärem recommandéierte Faarfschema zréck.
Wat awer flott op dësem Site ass, ass datt et och e bëssen Detail iwwer d'Faarftheorie geet a wéi et mat Äre Faarfwahlen ass.
12. HTML Faarf Code
Dës bulging gratis Suite vun Tools vun Dixon & Moe enthält en detailléierte Faarfpicker mat villen Erklärungen iwwer Faarfregelen; eng Serie vu Faarftabelle mat flaache Designfaarwen, dem Google Design Material Schema an der klassescher websécherer Faarfpalette; an eng Lëscht mat Standard HTML Faarf Nimm a Coden.
Dës Säit bitt och Tutorials an aner Ressourcen fir Webdesigner, an Optiounen fir Resultater aus hiren Tools als HEX Coden, HTML, CSS an SCSS Stiler ze exportéieren.
13. W3Schools: Faarwen Tutorial
Wann Dir no enger All-in-One Léisung sicht, déi e Guide fir Faarwen enthält, wéi och eng Rei verschidde Tools, da ass de Colors Tutorial bei W3Schools déi perfekt Wiel.
Dir kënnt net nëmmen iwwer Faarfentheorie, Faarfrieder a Faarftéin léieren, awer Dir kënnt och déi aner Tools benotzen, déi et huet, wéi de Color Converter. Mat dësem Tool kënnt Dir all Faarf un-a-vun Nimm, HEX Coden, RGB, HSL, HWB a CMYK Wäerter konvertéieren.
14. Digital Faarw Meter (Mac)
OK, Mac Benotzer ... dëst ass fir Iech. Mat Ärem agebaute Digital Color Meter Tool vun Ärer Maschinn kënnt Dir eng Faarf vun iwwerall op Ärem Écran 'gräifen', da kritt d'Wäerter fir dës Faarf als Dezimal, Hexadecimal oder Prozentsaz. Plus, Dir kënnt och déi gewielte Faarf als Text oder Bild 'kopéieren'.