Lär dig praktisk färgteori med denna webbapp

Medan ämnet färgteori kan verka ganska grundläggande är det inte något du kan förstå genom att läsa. För att verkligen förstå färgteori måste du uttrycka det för att träna.

Om du ofta bygger webbprojekt är det då ett måste att använda färg. Praktisk färgteori är a Praktisk webbapp som kan hjälpa dig att lära dig om färgerna snabbt. Denna gratis webbapp riktar sig till utvecklare som inte vet något om färg, design eller UI-estetik.

Hela saken byggdes faktiskt och släpptes på GitHub av den otroliga designern och kodaren Natalya Shelburne.

Hon arbetar nu som en frontendutvecklare, men hon har över 6 års erfarenhet av att lära ut konst och design. Natalya är den perfekta cocktailen av design och dev erfarenhet för att göra denna färgresurs!

När du jobbar via webbplatsen kommer du Lär dig varför vissa färger inte matchar, medan andra gör. Också vissa färgscheman ser ofta ut som amatöriska och de är lätta att undvika när du förstår några nyckelregler.

Till exempel designar jag ofta med regeln att aldrig använda svart och det har tjänat mig bra. Detsamma kan vara sant för andra starka färger. Undvik att använda de rena färgerna när det är möjligt (dvs undvik fullständig blå som # 0000FF).

Det coolaste med det här verktyget är det varje avsnitt innehåller en bit av CSS / Sass-kod tillsammans med en välskriven förklaring om färgerna. Du förstår varför neutrala är så viktiga, hur man skapar accentfärger och hur man genererar system som går bra tillsammans.

Jag kan inte säga att den här guiden kommer att göra dig till en färgexpert. Skrapar verkligen ytan med några grundläggande tips. Men det är enormt hoppa upp från newbie-tier färgval så om du har problem med färger så hjälper den här webbplatsen.

All källkod du hittar på webbplatsen är fri att använda och spela med på egen hand.

Bonus tips: Försök ändra sidans färgschema genom att klicka på de färgade pricken nära toppen av sidan. Du kan få ganska många idéer från dem!