Bij elkaar passende kleuren generator

Door Lasse , 20 jaar geleden, 7.964x bekeken

Met deze functie kun je een willekeurig aantal kleuren met zoveel mogelijk contrast genereren die toch mooi bij elkaar passen. Dit zou je bijvoorbeeld kunnen gebruiken voor het genereren van kleuren in een taart-grafiek.

Deze functie maakt gebruik van deze door mij eerder geposte functie. De reden dat de kleuren bij elkaar lijken te passen (dat wil zeggen ze passen redelijk bij elkaar) is dat ze gebruik maken van het HSB/HSV kleurenspectrum. Dit spectrum is veel meer mens-intuïtief dan het RGB kleurenspectrum.

Je kunt bijvoorbeeld de Saturation en Brightness van een kleurenset al vantevoren defineren, en dan worden de kleuren bepaald door de hue, wat erg constante kleuren oplevert.
Ook kun je de Hue en Saturation of de Hue en Brightness defineren, en de kleuren laten bepalen door de overgebleven. Dit levert een reeks van kleuren respectievelijk van zwart naar kleur of van wit naar kleur op. Ook kun je een reeks van zwart naar wit maken door de Saturation op nul te zetten (de Hue maakt niet uit), en de Brightness variabel te houden.

Het is zelfs mogelijk om twee of zelfs drie waardes variabel te maken. Dit kan er rare/bijzondere effecten opleveren. Ook kun je een start en stop defineren voor elke waarde. Je kunt dus bijvoorbeeld de Hue laten fluctueren van 30 tot 130. Ook kun je de kleurberekening omdraaien (dat wil zeggen dat als de Hue normaal van 30 tot 130 loopt, hij nu van 130 tot 30 loopt).

Voor meer informatie zie de phpdoc in de functie. De function getPrecision() is wordt gebruikt in verband met het probleem dat hier in het rode waarschuwingsvak ik beschreven, net als de functie significantRound() die in mijn andere scriptp staat die hier voor nodig is.

Ik zou zeggen experimenteer er even mee, en veel plezier.

Edit:
Met dank aan Jonathan Hogervorst is er nu een online voorbeeld beschikbaar

Voorbeeld: http://jonathanhogervorst.com/dump/kleuren.php

Gesponsorde koppelingen

PHP script bestanden

  1. bij-elkaar-passende-kleuren-generator

 

Er zijn 14 reacties op 'Bij elkaar passende kleuren generator'

PHP hulp
PHP hulp
0 seconden vanaf nu
 

Gesponsorde koppelingen
Luc Zontrop
Luc Zontrop
20 jaar geleden
 
0 +1 -0 -1
Een voorbeeld (link) zou ook wel leuk zijn
- -
- -
20 jaar geleden
 
0 +1 -0 -1
Voorbeeldje.

Verder erg mooi gedaan, kan zeker handig zijn voor bijvoorbeeld grafieken!


20 jaar geleden
 
0 +1 -0 -1
Zo dat voorbeeldje is wel erg nice zeg.
Leroy Boerefijn
Leroy Boerefijn
20 jaar geleden
 
0 +1 -0 -1
eigenlijk is het een soort gradient-generator :)
Lasse
Lasse
20 jaar geleden
 
0 +1 -0 -1
@Tumbler: Ik ben bang dat mijn traffic de load van phphulp niet trekt:(
@Jonathan: Dank voor het compliment, en voor het voorbeeld
@Wouser: Dank.
@Leroy: Daar kun je het ook voor gebruiken ja. Dit script kan echter nog veel meer. Het kan alle kleuren van de regenboog laten zien, en zo nog veel meer.
Ik zou zeggen experimenteer er eens mee. Ik heb me er zelf wel een half uurtje mee kunnen vermaken:D
- -
- -
20 jaar geleden
 
0 +1 -0 -1
Ik ga als ik tijd heb het voorbeeldje wel even uitbreiden met een regenboog e.d.
Als je wilt zet je mijn voorbeeldje als voorbeeld van je script.
Lasse
Lasse
20 jaar geleden
 
0 +1 -0 -1
@Jonathan: Done. Dankje voor het beschikbaar stellen van je server:D


20 jaar geleden
 
0 +1 -0 -1
- -
- -
20 jaar geleden
 
0 +1 -0 -1
Voorbeeld is even down, ik ben 'm even aan het veranderen.
Jelle Posthuma
Jelle Posthuma
20 jaar geleden
 
0 +1 -0 -1
'even' aan het veranderen? :P
Tis onderhand al bijna 2 dagen verder :P.
- -
- -
20 jaar geleden
 
0 +1 -0 -1
Voorbeeld is na twee weken onderhoud weer on-line ;-)
Lasse
Lasse
20 jaar geleden
 
0 +1 -0 -1
@Jonathan: Dat is nou nog eens een mooie implementatie! Dat doet mijn script eer aan:D
Robert Deiman
Robert Deiman
20 jaar geleden
 
0 +1 -0 -1
Het zou ook leuk zijn als je uitlegt wat hue, saturation enzo is. Je geeft wel aan dat je dat kan veranderen, maar wat gebeurt er als je het getal verhoogt enzo. Komt denk ik de bruikbaarheid ten goede. (voor een deel weet ik het wel, maar ook niet allemaal)
PHP hulp
PHP hulp
0 seconden vanaf nu
 

Gesponsorde koppelingen
- -
- -
20 jaar geleden
 
0 +1 -0 -1
@Lasse: Dank je :)

@Robert: klik

Om te reageren heb je een account nodig en je moet ingelogd zijn.

Inhoudsopgave

  1. bij-elkaar-passende-kleuren-generator

Labels

  • Geen tags toegevoegd.

Navigatie

 
 

Om de gebruiksvriendelijkheid van onze website en diensten te optimaliseren maken wij gebruik van cookies. Deze cookies gebruiken wij voor functionaliteiten, analytische gegevens en marketing doeleinden. U vindt meer informatie in onze privacy statement.