Leer praktische kleurentheorie met deze web-app

Hoewel het onderwerp kleurentheorie vrij standaard lijkt, kun je het niet begrijpen door te lezen. Om de kleurentheorie echt te begrijpen, moet je het in de praktijk brengen.

Als u regelmatig webprojecten bouwt, is het gebruik van kleur een must. Praktische kleurentheorie is een handige webapp die je kan helpen om snel over de kleuren te leren. Deze gratis webapp is bedoeld voor ontwikkelaars die niets weten van kleur, design of UI-esthetiek.

Het geheel is eigenlijk gebouwd en uitgebracht op GitHub door de ongelooflijke ontwerper en codeerder Natalya Shelburne.

Ze werkt nu als ontwikkelaar van een frontend, maar heeft meer dan 6 jaar ervaring in het lesgeven in kunst en design. Natalya is de perfecte cocktail van ontwerp en dev-ervaring om deze kleurenbron te maken!

Terwijl je door de site werkt zul je leer waarom bepaalde kleuren niet kloppen, terwijl anderen dat wel doen. Ook zien bepaalde kleurenschema's er vaak amateuristisch uit en zijn ze gemakkelijk te vermijden als je een paar belangrijke regels begrijpt.

Ik ontwerp bijvoorbeeld vaak de regel om nooit zwart te gebruiken en het heeft me goed gediend. Hetzelfde kan gelden voor andere sterke kleuren. Vermijd het gebruik van de pure vormen van kleuren waar mogelijk (dat wil zeggen vermijd volledig blauw zoals # 0000FF).

Het coolste aan deze tool is dat elke sectie bevat een beetje CSS / Sass-code samen met een goed geschreven uitleg over de kleuren. U zult begrijpen waarom neutralen zo belangrijk zijn, hoe accentkleuren moeten worden gemaakt en hoe u schema's kunt genereren die goed bij elkaar passen.

Ik kan niet zeggen dat deze gids je een kleurenexpert zal maken. Het is eigenlijk gewoon krassen op het oppervlak met enkele basistips. Maar het is enorm springen uit newbie-tier kleurselectie dus als je problemen hebt met kleuren, kan deze site je helpen.

Alle broncode die u op de site vindt, is gratis om te gebruiken en mee te spelen.

Bonustip: probeer het kleurenschema van de pagina te wijzigen door op de gekleurde stippen boven aan de pagina te klikken. Daar kun je nogal wat ideeën uit halen!