Selectie van kleuren. Levis Visualizer muurkleurselectieprogramma's

Kleurselectie is een van de belangrijkste fasen in het proces van het creëren van een goed ontwerp.

Om het u gemakkelijker te maken, hebben we besloten een selectie samen te stellen van de beste services voor het maken van kleurenschema’s. Ze helpen u tijd te besparen en toch behoorlijke resultaten te behalen.

01. Adobe Color CC

Adobe hernoemde zijn Kuler-project naar Color

Mogelijk kent u deze tool onder de vroegere naam: Adobe Kuler. Adobe heeft echter onlangs een van zijn populaire webapplicaties hernoemd naar Adobe Color CC.

Hiermee kunt u verschillende kleurenschema's selecteren, maken en opslaan, die elk maximaal vijf kleuren kunnen bevatten. De tool is beschikbaar in zowel browser- als desktopversies. Als u de desktopversie gebruikt, kunt u uw kleurenschema rechtstreeks naar Photoshop, Illustrator en InDesign exporteren.

02. Mudcube-kleurenbol

Als u niet zeker bent over uw kleurenschema, heeft Mudcude een eigen galerij met kant-en-klare items

Mudcube Color Sphere is een zeer handige miniatuurhulpbron voor ontwerpers die niet alleen hexadecimale codes biedt voor geselecteerde kleuren, maar waarmee u ook kleurenschema's voor uw eigen projecten kunt maken. Het is ook vermeldenswaard dat Mudcube een eigen galerij met kant-en-klare bronnen heeft die ook kunnen worden gebruikt.

03. Controleer mijn kleuren

Check my Colors is speciaal ontworpen om de achtergrond- en voorgrondkleurcombinatie voor alle DOM-elementen te evalueren en te selecteren. En ook om erachter te komen of de elementen voldoende harmonieus met elkaar zijn. Alle tests zijn gebaseerd op algoritmen die worden aanbevolen door het World Wide Web Consortium ( W3C).

04. De kleurenapp

De applicatie helpt u de RGB-, HEX- en HSLA-waarden van de geselecteerde kleuren te achterhalen

iOS-tool De Color-app kunt u gemakkelijk en eenvoudig kleuren bepalen met behulp van een groot kleurenpalet. Hiermee kunt u de RGB-, HEX- en HSLA-waarden van kleuren achterhalen en uw eigen kleurenschema's voor de site maken.

05. Kleurenjager

Color Hunter genereert een kleurenschema op basis van de geselecteerde afbeelding

Dit is een erg handig hulpmiddel, vooral als u een specifieke kleur moet vinden. Selecteer een afbeelding en upload deze naar Color Hunter. De tool maakt een kleurenpalet op basis van de geselecteerde afbeelding. Dit is een geweldige methode om uw eigen kleurenschema's te maken.

06.TinEye

Als u een specifieke kleur nodig heeft, voert u gewoon de HEX-waarde in de URL in

Deze site maakt gebruik van een database met 10 miljoen afbeeldingen, gratis beschikbaar onder een Creative Commons-licentie, die de makers zorgvuldig hebben samengesteld vanuit Flickr. Deze kunnen worden gebruikt om geschikte kleurenschema's te genereren.

07. Kleur

Handige miniatuur webapplicatie. Beweeg uw muis over het scherm en selecteer de gewenste kleur en scroll vervolgens een beetje om de tint te selecteren. Hierna produceert de tool alle benodigde HEX-codes, die u in uw eigen projecten kunt gebruiken. Een van de gemakkelijkste hulpmiddelen om te gebruiken.

08. SpyColor.com

Gratis kleurenschemagenerator die kleurinformatie biedt en waarmee u deze naar elk gewenst schema kunt converteren ( RGB, CMYK en anderen ). Er zijn hier verschillende kleurenschemaformaten beschikbaar, waaronder proces, monochroom en meer.

09.Ontwerpinspiratie

Op Designspiration kunt u maximaal vijf tinten kiezen met een handig paginagroot palet waarmee u gemakkelijk precies de HTML-kleurenschema's kunt vinden die u zoekt. De site genereert dan een pagina met alle afbeeldingen in de database die een vergelijkbare kleurencombinatie gebruiken. Er worden ook HEX-waarden verstrekt die u in uw eigen projecten kunt gebruiken. En afbeeldingen kunnen worden opgeslagen in collecties op de site.

10.Kleurverkenner

Een van de meest geavanceerde webtools die veel functies biedt met betrekking tot ontwerp, aanpassing en analyse van kleurenschema's. Hier zijn enkele hulpmiddelen om u te helpen bepalen WCAG-geldigheid van kleurenschema's en genereer ook uw eigen kleurenpaletten.

11. Hex-kleurenschemagenerator

Een handig klein hulpmiddel voor het genereren van een kleurencombinatie op basis van één geselecteerde tint. Voer de Hex-waarde van de kleur in en het gereedschap biedt een set bijpassende kleuren die u samen met de basiskleur kunt gebruiken.

12. KLEURliefhebbers

COLOURlovers is een community voor het delen van kleurenschema's. Hier kunt u inspiratie opdoen uit de kleurensets van andere gebruikers, maar ook uw eigen kleurensets maken en delen.

13. Ontwerper van kleurenschema's

Deze online tool biedt interessante manieren om kleurenschema's te genereren, zodat u de helderheid en het contrast kunt aanpassen. Hier kunt u verschillende populaire wiskundige modellen van kleurenschema's maken, waaronder zwart-wit.

14. COPASO

Eén van de tools van de COLOURlovers website. Maar COPASO verdient speciale aandacht, omdat het een ongelooflijke alles-in-één oplossing is waarmee u eenvoudig kant-en-klare kleurenschema's voor de site kunt genereren. Er zijn hier veel kleurselectietools beschikbaar, allemaal gehuisvest in een gebruiksvriendelijke en eenvoudige interface. Bovendien kunt u notities toevoegen aan paletten, afbeeldingen uploaden, enz.

15. Kleurmod

Colourmod is software waarmee u individuele kleuren uit een widgetgebied kunt selecteren, of u nu een Mac of Konfabulator op Windows gebruikt. Dit is geen erg eenvoudig hulpmiddel om met kleurenpaletten te werken, maar het helpt u snel en eenvoudig kleuren te bepalen zonder dat u zware programma's hoeft te downloaden.

16. ColorZilla

ColorZilla is beschikbaar voor zowel Chrome als Firefox

Dit project begon als plug-in voor Firefox, maar is tegenwoordig ook beschikbaar voor Google Chrome. ColorZilla is een extensie die verschillende tools bevat die zijn ontworpen om met kleur te werken, waaronder een palet, een CSS-gradiëntgenerator en een pipet.

17. Colormunki

Een handige online tool voor het selecteren van kleurenschema's van de makers van Colormunki. Hiermee kunt u eenvoudig opvallende kleurenpaletten maken van op Pantone gebaseerde stalen met behulp van meerdere technieken.

18.colr.org

Met Colr.org kunt u het kleurbereik van elke afbeelding instellen

Deze tool maakt een gedetailleerde analyse van afbeeldingskleuren mogelijk, wat meestal geautomatiseerd is in andere tools. Hierdoor kunt u de meest geschikte kleur kiezen. We raden u aan deze tool eens te proberen, hoewel de interface niet zo geavanceerd is als die van andere apps.

19. KleurGrab

Deze handige tool maakt kleurenpaletten van elke afbeelding. Voer de URL in van de afbeelding die u wilt analyseren, en de service genereert automatisch een 3D-grafiek met informatie over de gebruikte kleuren. Hoewel deze applicatie niet geheel geschikt is voor het kiezen van een kleurenschema voor een website, kan deze wel worden gebruikt om afbeeldingen en hun kleureigenschappen te bestuderen.

20.KleurBlender

ColorBlender genereert een palet van vijf bijpassende kleuren

Een van de eenvoudigste tools waarmee u de kleur kunt aanpassen en vijf kleuren kunt krijgen die in realtime met elkaar worden gecombineerd. Het gegenereerde palet kunt u als EPS-bestand downloaden in Photoshop of Illustrator.

21. GrayBit

Met GrayBit ​​kun je websites analyseren om te begrijpen hoe ze er in grijstinten uit zouden zien

Met deze tool kunt u zien hoe uw site er in grijstinten uitziet. Een uitstekende service die helpt bij het identificeren van problematische gebieden.

22. COLRD

Een tool die gebruikt kan worden als inspiratiebron of om kleurenschema’s te delen. Natuurlijk helpt deze hulpbron niet bij het genereren van schema's, maar je moet er zeker kennis van nemen.

23. Shutterstock-spectrum

Het kiezen van een kleurenschema voor een website is een van de belangrijke punten in het ontwerpproces. Het selecteren van een kleurencombinatie is een nogal complex en creatief proces. Gelukkig zijn er veel diensten die een flinke ondersteuning kunnen bieden bij het maken van de juiste keuze.

Sommige van de in deze review genoemde bronnen bieden de mogelijkheid om te kiezen uit een groot aantal kant-en-klare kleurenschema's, terwijl andere u de mogelijkheid bieden om interactief uw eigen schema samen te stellen.

Koeler

Adobe Kuler bevat een grote bibliotheek met kant-en-klare kleurenschema's. U kunt het diagram online bekijken en downloaden voor gebruik in Adobe Creative Suite-producten.

Color Lovers heeft momenteel bijna 2 miljoen door gebruikers gemaakte kleurenschema's. Je kunt ze bekijken door te sorteren op datum, beoordeling en aantal weergaven.

ColoRotate heeft een bibliotheek met kant-en-klare kleurenschema's. U kunt ook uw eigen diagram maken met behulp van een unieke 3D-tool. Het kleurenschema kan direct in Photoshop en Fireworks worden gebruikt met behulp van de ColoRotate-plug-in.

Met Color Scheme Designer kunt u het type kleurenschema selecteren (mono, complementair, drietal, viertal, analoog). Vervolgens kun je de kleuren aanpassen en aan de hand van een voorbeeld het effect van het schema zien.

ColorSchemer heeft een grote bibliotheek met door de gebruiker gemaakte kleurenschema's. Je kunt ze sorteren op datum van plaatsing, beoordeling of aantal downloads.

Pictaculous is een eenvoudige online tool voor het genereren van kleurenschema's. U kunt een afbeelding uploaden en de service genereert een diagram dat u bij de afbeelding kunt gebruiken.

Kleur Spits

Color Spire is een zeer eenvoudig te gebruiken service. Je kiest een basiskleur en deze suggereert een kleurenschema. U kunt het uiterlijk van het diagram ook op een eenvoudige sjabloon zien.

Een van de belangrijkste factoren bij het creëren van een uniek en herkenbaar ontwerp is kleur. De juiste kleurkeuze kan het succes of falen van een website bepalen. Wanneer een bezoeker een webpagina voor het eerst bekijkt, sturen de kleuren die u kiest hem een ​​instantbericht over die pagina. Gelukkig zijn er veel hulpmiddelen die je kunnen helpen bij het kiezen van het juiste kleurenschema. Hier zijn vijf van de beste.

1. Koeler

Kuler van Adobe wordt al lang erkend als de beste assistent voor een professionele webontwerper. In tegenstelling tot de concurrentie is er hier een grote community en kunt u gemaakte paletten delen of de kleurenschema's van anderen gebruiken en deze aanpassen aan uw behoeften. Om in de community te kunnen communiceren, moet u zich registreren en een Adobe ID aanvragen. Kleuren in Kuler worden weergegeven in verschillende formaten, waaronder RGB, CMYK, LAB en HSV.

Inspiratie kan ontstaan ​​onder invloed van de meest onverwachte gelegenheid. Het kan bijvoorbeeld zijn dat je een mooie foto tegenkomt met een aantrekkelijk kleurenschema. Deze kleurenpaletgenerator is speciaal gemaakt voor het verwerken van dergelijke foto's. Upload bestanden in JPG- of PNG-indeling en krijg een gedetailleerde lay-out van de belangrijkste kleuren. Welke reactie u ook probeert op te roepen bij uw bezoekers, een kleurenpaletgenerator kan helpen een unieke look voor elke website te creëren.

Individuele kleuren hangen nooit in een vacuüm en elke tint heeft een impact op zijn omgeving. De Contrast-A-tool hanteert een zeer technische benadering van de paletconfiguratie en biedt gedetailleerde informatie over de luminantieverhouding en verschillen in helderheid en kleur. Dit is de perfecte tool als je een minimalistische website wilt maken met weinig kleuren die elkaar aanvullen.

Met deze populaire Firefox-plug-in kunt u de betekenis van afzonderlijke kleuren rechtstreeks in de browser bepalen en het verschil daartussen meten. Er is een “kleurenschema-browser” voor het selecteren van individuele kleuren uit vooraf geselecteerde sets. De ColorZilla-plug-in is eenvoudig te gebruiken en extreem rijk aan functies en is als het Zwitserse zakmes onder de browserextensies voor webontwerpers en artiesten.

In tegenstelling tot de meeste andere kleurenschemageneratoren met "kleurenwiel", geeft Colorotate het palet weer op een 3D-kegel. Net als Kuler kunnen gebruikers hun kleurenschema's opslaan en bewerken, en paletten bekijken die door andere ontwerpers zijn gemaakt. De tool is geïntegreerd met populaire ontwerpprogramma's Adobe Fireworks en Photoshop.

Als het gaat om effectief webontwerp, praten we over intuïtieve gebruikersinterfaces en lay-outs, maar kleurenschema’s zijn net zo belangrijk, zo niet belangrijker. De hier genoemde hulpmiddelen moeten u in de goede richting wijzen om bij de eerste poging een geweldig kleurenpalet voor uw website te kiezen. Er zijn nog meer handige tools die je online kunt vinden, maar dit zijn de tools waarmee je kunt beginnen om het perfecte arsenaal te vinden dat bij jouw persoonlijke stijl past. Veel succes en plezier met ontwerpen!

Kleuren spelen een grote rol bij webdesign. Om het kleurenschema voor een website correct te selecteren, zijn er speciale services. Ik weet zeker dat elke webontwerper er minstens één in zijn bladwijzers heeft staan.

Soms zit je en bedenk je welke tint blauw je moet kiezen als de belangrijkste voor de site, een beetje lichter of een beetje helderder, of misschien donkerder... En je moet er nog steeds extra voor kiezen. Je kunt dit natuurlijk met het oog doen, maar het is beter om een ​​van de speciale diensten te gebruiken.

Ik zal het niet hebben over kleurentheorie (dit is te omvangrijke informatie), maar zal hier eenvoudigweg de diensten publiceren die ik in mijn bladwijzers heb en die ik gebruik.

Ik ben al jaren bevriend met dit instrument. Het handigste hulpmiddel voor het selecteren van kleuren (naar mijn mening). Het heeft veel extra functies. U kunt bijvoorbeeld een voorbeeld zien van een lichte en donkere pagina met geselecteerde kleuren.

Het is mogelijk om te evalueren hoe mensen met kleurenblindheid en andere visuele beperkingen uw kleurenschema zullen zien. U kunt webveilige kleuren kiezen.

Adobe Kuler is de tweede webtool die ik vrij vaak gebruik. De selectie kleurenschema’s is bijna hetzelfde als op de vorige site, maar dat is niet waarom ik er zo dol op ben. U kunt niet alleen zelf kleurenschema's maken, maar ook schema's bekijken en gebruiken die anderen hebben gemaakt.

Klik hiervoor op de knop in het menu linksboven “Kijken”. En voor je gaat een galerij met allerlei kleurencombinaties open.

Deze tool lijkt een beetje op Colorscheme, maar heeft minder functies, maar je kunt wel zien hoe kleurblokken eruit zullen zien.

Ik gebruik deze site praktisch niet, maar omdat ik hem in mijn bladwijzers heb, heb ik besloten hem ook toe te voegen.

De volgende twee sites genereren een palet op basis van de afbeelding die u selecteert. Het is magie:)

U kiest een afbeelding waarvan u de kleuren mooi vindt, de service analyseert deze en geeft u een kleurenpalet. Het enige verschil tussen deze twee sites is de manier waarop ze de afbeelding weergeven.

Deze site vereist downloaden foto vanaf uw computer.

Een zeer handig hulpmiddel voor kleurselectie. Gebaseerd op het ‘Like – Dislike’-principe.

Zoals de naam al doet vermoeden, kunt u hier kleuren kiezen voor het nu modieuze platte ontwerp. De site is interessant omdat je, zodra je een palet selecteert, dit kunt downloaden voor Corel en Photoshop.

Een andere modetrend is materiaalontwerp. Deze site helpt u bij het kiezen van kleurencombinaties voor de gebruikersinterface (gebruikersinterface). Bovendien heeft de site een groot aantal pictogrammen.

Jongens, we hebben onze ziel in de site gestopt. Bedankt daarvoor
dat je deze schoonheid ontdekt. Bedankt voor de inspiratie en het kippenvel.
Wordt lid van ons op Facebook En In contact met

Schema nr. 1. Complementaire combinatie

Complementaire of complementaire, contrasterende kleuren zijn kleuren die zich aan weerszijden van het Itten-kleurenwiel bevinden. Hun combinatie ziet er erg levendig en energiek uit, vooral met maximale kleurverzadiging.

Schema nr. 2. Triad - een combinatie van 3 kleuren

Een combinatie van 3 kleuren die op dezelfde afstand van elkaar liggen. Biedt een hoog contrast met behoud van de harmonie. Deze compositie ziet er behoorlijk levendig uit, zelfs bij gebruik van bleke en onverzadigde kleuren.

Schema nr. 3. Soortgelijke combinatie

Een combinatie van 2 tot 5 kleuren naast elkaar op de kleurencirkel (idealiter 2 tot 3 kleuren). Indruk: rustig, uitnodigend. Een voorbeeld van een combinatie van vergelijkbare gedempte kleuren: geeloranje, geel, geelgroen, groen, blauwgroen.

Schema nr. 4. Afzonderlijke complementaire combinatie

Een variant van een complementaire kleurencombinatie, maar in plaats van de tegenovergestelde kleur worden aangrenzende kleuren gebruikt. Een combinatie van de hoofdkleur en twee extra kleuren. Dit schema ziet er bijna net zo contrastrijk uit, maar niet zo intens. Als u niet zeker weet of u complementaire combinaties correct kunt gebruiken, gebruik dan afzonderlijke complementaire combinaties.

Schema nr. 5. Tetrad - combinatie van 4 kleuren

Een kleurenschema waarbij één kleur de hoofdkleur is, twee complementair zijn en een andere kleur de accenten benadrukt. Voorbeeld: blauwgroen, blauwviolet, roodoranje, geeloranje.

Schema nr. 6. Vierkant

Combinaties van individuele kleuren

• Wit: past bij alles. De beste combinatie met blauw, rood en zwart.
• Beige: met blauw, bruin, smaragd, zwart, rood, wit.
• Grijs: met fuchsia, rood, paars, roze, blauw.
• Roze: met bruin, wit, mintgroen, olijf, grijs, turquoise, babyblauw.
• Fuchsia (dieproze): met grijs, bruin, limoen, mintgroen, bruin.
• Rood: met geel, wit, bruin, groen, blauw en zwart.
• Tomaatrood: blauw, mintgroen, zanderig, roomwit, grijs.
• Kersenrood: azuur, grijs, lichtoranje, zand, lichtgeel, beige.
• Frambozenrood: wit, zwart, damastroze kleur.
• Bruin: helderblauw, crème, roze, fawn, groen, beige.
• Lichtbruin: lichtgeel, roomwit, blauw, groen, paars, rood.
• Donkerbruin: citroengeel, blauw, mintgroen, paarsroze, limoen.
• Tan: roze, donkerbruin, blauw, groen, paars.
• Oranje: blauw, blauw, lila, violet, wit, zwart.
• Lichtoranje: grijs, bruin, olijfgroen.
• Donkeroranje: lichtgeel, olijf, bruin, kers.
• Geel: blauw, lila, lichtblauw, violet, grijs, zwart.
• Citroengeel: kersenrood, bruin, blauw, grijs.
• Lichtgeel: fuchsia, grijs, bruin, roodtinten, bruin, blauw, paars.
• Goudgeel: grijs, bruin, azuurblauw, rood, zwart.
• Olijf: oranje, lichtbruin, bruin.
• Groen: goudbruin, oranje, lichtgroen, geel, bruin, grijs, crème, zwart, crèmewit.
• Saladekleur: bruin, bruin, fawn, grijs, donkerblauw, rood, grijs.
• Turkoois: fuchsia, kersenrood, geel, bruin, crème, donkerpaars.
• Elektrisch blauw is prachtig in combinatie met goudgeel, bruin, lichtbruin, grijs of zilver.
• Blauw: rood, grijs, bruin, oranje, roze, wit, geel.
• Donkerblauw: lichtpaars, lichtblauw, geelgroen, bruin, grijs, lichtgeel, oranje, groen, rood, wit.
• Lila: oranje, roze, donkerpaars, olijf, grijs, geel, wit.
• Donkerpaars: goudbruin, lichtgeel, grijs, turkoois, mintgroen, lichtoranje.
• Zwart is universeel, elegant, staat in alle combinaties, het beste met oranje, roze, lichtgroen, wit, rood, lila of geel.