- - Maak complexe kleurenschema's en exporteer als Photoshop, HTML & GIMP-palet

Maak complexe kleurenschema's en exporteer als Photoshop, HTML & GIMP-palet

We hebben eerder twee apps beoordeeld die u helpenkleurenschema's maken; Chroma was een Chrome-app en ColorSpire was een web-app die het gemakkelijk maakte om de juiste kleur of de juiste tint te vinden voor alles wat je wilde ontwerpen. Hoewel beide apps op hun eigen capaciteit goed werkten, werkte de Kleurenschema Designer uit doet ze met een mijl. Met deze webapplicatie kunt u kleurenschema's maken met een enkele kleur of in een combinatie van twee, drie of vier kleuren. U kunt de helderheid en tint van de kleuren aanpassen, kiezen uit vele vooraf ingestelde contrastopties en voorbeelden bekijken van wat een webpagina zou willen in het huidige schema. Elk schema dat is gemaakt, heeft een eigen link die u kunt gebruiken om het te delen met uw ontwerper, een collega of een klant.

Kleurenschema Designer

Selecteer om te beginnen hoeveel verschillende kleuren u in uw kleurenschema wilt gebruiken. Zes schijven die bovenop de grote kleurenschijf zijn uitgelijnd, geven aan hoeveel kleuren het schema bevat. Mono staat voor één kleur, Aanvulling vertegenwoordigt twee kleuren, Triade en Analoog vertegenwoordigt drie en Tetrad en Analoog geaccentueerd vertegenwoordigt vier.

Kleurenschema Designer kleurenschijf

Het onder de knie krijgen van tinten kost vooral tijdals u met drie of vier kleuren werkt. Voor de nummerkleuren waarmee u werkt, wordt voor elk een kleine knop toegevoegd aan de kleurenschijf. De donkere knop vertegenwoordigt de kernkleur in uw schema en alle andere vertegenwoordigen de complementaire of contrasterende kleuren. Behalve in Complement-kleurenschema, bewegen de knoppen onafhankelijk van de hoofdankerknop. Het veranderen van kleuren in Mono of Complement-modus is eenvoudig genoeg; in Triade en Tetrad is het enigszins complex.

Kleurenschema Designer hoek

Voor drie of vier combinatieschema's staan ​​de kleuren onder bepaalde hoeken uit elkaar, zodat de kleuren in een bepaalde mate variëren. Selecteer om de kleurvariatie te vergroten of te verkleinen Hoek en voer een nummer in dat overeenkomt met de graadvan kleurvariatie die u zou willen. Alle kleurenschema's die u maakt, worden weergegeven in een paneel aan de rechterkant. U kunt echter ook bekijken hoe uw kleurenschema op een echte webpagina wordt weergegeven.

Kleurenschema Designer voorbeeldpagina

Als u een voorbeeld wilt bekijken van een webpagina in het schema dat u hebt gemaakt, klikt u op Voorbeeld van lichte pagina of de Voorbeeld van donkere pagina link onder het schemavoorbeeld. Het voorbeeld van de lichte pagina gebruikt de lichtste schaduw in uw schema als achtergrond, terwijl het voorbeeld van de donkere pagina de donkerste schaduw gebruikt als achtergrond.

Kleurenschema Designer helderheid grijs

Ga naar de om het helderheidsniveau en grijs voor uw schema aan te passen Schema aanpassen tab. Beweeg de knop op het kleurvak om de helderheid te verhogen of te verlagen. U kunt ook een van de verschillende voorinstellingen voor contrast selecteren in het vervolgkeuzemenu. Om het contrast handmatig in te stellen, verplaatst u de aanwijzer in de Regeling Contrast doos. Ga naar de om kleuren en kleurcodes te bekijken Kleurenlijst tab.

Export van kleurenschema's

Nadat u een schema hebt gekozen, kunt u het schema exporteren naar HTML + CSS, XML, Photoshop of GIMP-paletindeling. Photoshop-palet wordt opgeslagen als een ACO-bestand.

Ga naar Color Scheme Designer

Comments