Scripts - Tutorials - Forum - Downloads - Showcase - Contact

Artikels

VPN vergelijken

Algemeen

Beginpagina

FAQ

Grafische worm (243)

Links

Nieuwsartikels

Nieuwsarchief

Boeken programmeren

Overzicht

Samenwerken

Webhosting

Zoek op Sitemasters

Leden

Registreren

Ledenlijst

Ons team

Links

webhostingtop10.be

Sociale media

Follow @sitemasters

Sitemasters

Adverteren op Sitemasters?

Contacteer ons

RSS

Link naar ons

Donaties

Poll

Je moet ingelogd zijn om te stemmen.

Statistieken

Linkpartners

Scripts > PHP > Handige scripts > kleurenkaart

Reacties op het script kleurenkaart

Thomas

Gepost op: 06 februari 2007 - 10:11

Moderator

Leuk.

Met de onderstaande snippet kun je tabellen genereren waarin in een X aantal stappen ($steps) van een kleur naar een ander loopt (bijvoorbeeld van rood naar groen). Elke tabel wordt $steps keer gedupliceerd, met de derde kleur als "gradiënt" toegevoegd (bijvoorbeeld blauw).

De ge-outputte HTML kun je opslaan, en middels de bijbehorende stijldeclaratie kun je de grootte van de kleur-blokken wijzigen.

Ook zou je $r, $g en $b kunnen verwisselen, om de "gradiënt" te variëren.

php code - Bekijk de code zonder highlighting - Klap code in

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>color tables</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
<!--
td
{
  font-family: Arial;
  font-size: 8pt;
  height: 20px;
  width: 40px;
}
//-->
</style>
</head>

<body>
<?php
$steps = 20; // 255 / 5

for($b = 0; $b <= $steps; $b++)
{
	echo "<table width=\"".($steps*40)."\" cellspacing=\"0\" cellpadding=\"0\" border=\"0\">\n";
	for($r = 0; $r <= $steps; $r++)
	{
		echo "<tr>\n";
		for($g = 0; $g <= $steps; $g++)
		{
			$hex_r = str_pad(dechex(round(($r/$steps)*255)), 2, "0", STR_PAD_LEFT);
			$hex_g = str_pad(dechex(round(($g/$steps)*255)), 2, "0", STR_PAD_LEFT);
			$hex_b = str_pad(dechex(round(($b/$steps)*255)), 2, "0", STR_PAD_LEFT);
			$hex_rgb = $hex_r.$hex_g.$hex_b;

			echo "<td style=\"background-color: #".$hex_rgb."\">".$hex_rgb."</td>\n";
		}
		echo "</tr>\n";
	}
	echo "</table>\n";
	echo "<br />\n";
}
?>
</body>
</html>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>color tables</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
<!--
td
{
  font-family: Arial;
  font-size: 8pt;
  height: 20px;
  width: 40px;
}
//-->
</style>
</head>
 
<body>
<?php
$steps = 20; // 255 / 5
 
for($b = 0; $b <= $steps; $b++)
{
	echo "<table width=\"".($steps*40)."\" cellspacing=\"0\" cellpadding=\"0\" border=\"0\">\n";
	for($r = 0; $r <= $steps; $r++)
	{
		echo "<tr>\n";
		for($g = 0; $g <= $steps; $g++)
		{
			$hex_r = str_pad(dechex(round(($r/$steps)*255)), 2, "0", STR_PAD_LEFT);
			$hex_g = str_pad(dechex(round(($g/$steps)*255)), 2, "0", STR_PAD_LEFT);
			$hex_b = str_pad(dechex(round(($b/$steps)*255)), 2, "0", STR_PAD_LEFT);
			$hex_rgb = $hex_r.$hex_g.$hex_b;
 
			echo "<td style=\"background-color: #".$hex_rgb."\">".$hex_rgb."</td>\n";
		}
		echo "</tr>\n";
	}
	echo "</table>\n";
	echo "<br />\n";
}
?>
</body>
</html>

xSc

Gepost op: 06 februari 2007 - 10:39

Onbekend

Grappig gedaan! Waaiers komen altijd goed van pas, maar ik gebruik de waaier van Photoshop meestal ;)

svm

Gepost op: 06 februari 2007 - 12:27

PHP ver gevorderde

Dit script is eigenlijk bedoeld voor de mensen die geen verstand hebben van HEX (daarmee bedoel ik diegenen die niet uit een code de kleur kunnen herleiden).
Zo heb ik bijvoorbeeld een script gemaakt om zonder programmeerkennis een startpagina te maken/beheren.
Hierbij komt ook HEX te pas voor de kleuren: daarvoor gebruik ik dan deze kaart.

@FangorN:
Ook een mooi script, maar zo'n groot pallet

ikki007

Gepost op: 06 februari 2007 - 18:15

PHP ver gevorderde

Het voorbeeld klopt niet helemaal

svm

Gepost op: 06 februari 2007 - 19:09

PHP ver gevorderde

Hoezo klopt het voorbeeld niet?
Het kan zijn dat het paneel wat groter of kleiner is: dit ligt aan de waarde van de variabel die je aan kunt passen.

ikki007

Gepost op: 06 februari 2007 - 22:06

PHP ver gevorderde

In firefox zie je gewoon een lap code, in internet explorer werkt die wel

svm

Gepost op: 07 februari 2007 - 12:10

PHP ver gevorderde

Zal eens kijken...

Edit:
Hij werkt nu wel goed.
Dat komt doordat die hosting geen PHP ondersteund (het was een html-bestand met een PHP-extentie dat voorbeeld).

mitshell

Gepost op: 10 februari 2007 - 12:57

Nieuw lid

Leuk scripiej, altijd wel handig..:)

Enkel aanvullende informatie, vragen en antwoorden op vragen zijn welkom.