PHP-Logo

PHP-Kurs


Beispiele

Farbwerte umrechnen

Das Skript bietet die Möglichkeit Farbwerte, die im Hexadezimalsystem angegeben sind, in dezimale Werte umzurechnen und umgekehrt.

In Zeile 3 ist der hexadezimale Wert gegeben, wie wir ihn in CSS und HTML häufig sehen.

In den Zeilen 5 bis 7 wird der String mittels substr( ) in drei Teile zerlegt.
Die ersten zwei Stellen stehen für den Rot-Anteil der Farbe. Die mittleren beiden Stellen stehen für den Grün-Anteil und die letzten beiden Stellen für den Blau-Anteil der Farbe.

Diese werden in den Zeilen 9 bis 11 jeweils mittels hexdec( ) in ihre jeweiligen Dezimal-Werte umgerechnet.
In CSS kann es vorkommen, dass diese Werte, durch Kommata getrennt, benötigt werden, da dort einige Angaben die dezimale Darstellung der Farbwerte fordern.
Also werden in Zeile 17 die errechneten Dezimal-Werte zu einem String verknüpft, denn man sich für z.B. CSS-Angaben nur kopieren muss.

In den Zeilen 19 bis 23 stellt eine HTML-Tabelle den Hexadezimal-Wert, die Dezimal-Werte sowie die Farbe selbst dar.


In den Zeilen 27 bis 29 sind die Dezimal-Werte für die Farbe gegeben.

In den Zeilen 31 bis 33 werden diese mittels dechex( ) in die jeweiligen Hexadezimal-Werte umgerechnet.
In HTML und CSS wird der Hexadezimal-Wert einer Farbe sechsstellig, mit einem # vorangestellt, angegeben.
Zu diesem Zweck werden die einzelnen errechneten Werte in Zeile 35 zu einem String zusammengefügt und in Zeile 37 zum Kopieren ausgegeben.

Wieder stellt eine Tabelle in den Zeilen 39 bis 43 alle Werte und die Farbe selbst dar.

1<?php
2
3$hex = "777bb3";
4
5$erste = substr($hex, 0, -4);
6$zweite = substr($hex, 2, -2);
7$dritte = substr($hex, 4);
8
9$erste = hexdec($erste);
10$zweite = hexdec($zweite);
11$dritte = hexdec($dritte);
12
13echo "R: ".$erste."<br>";
14echo "G: ".$zweite."<br>";
15echo "B: ".$dritte."<br>";
16
17echo "Kopiervorlage: ".$erste.", ".$zweite.", ".$dritte."<br>";
18
19echo "<table>
20<tr><td>Die Farbe</td></tr>
21<tr><td>".$hex." / ".$erste.", ".$zweite.", ".$dritte."</td></tr>
22<tr><td style='background-color:#".$hex.";' > </td></tr>
23 </table><hr>";
24
25//--------------------------------------------------------
26
27$dec_r = "119";
28$dec_g = "123";
29$dec_b = "179";
30
31$erste = dechex($dec_r);
32$zweite = dechex($dec_g);
33$dritte = dechex($dec_b);
34
35$hex = $erste.$zweite.$dritte;
36
37echo "Kopiervorlage: #".$hex."<br>";
38
39echo "<table>
40<tr><td>Die Farbe</td></tr>
41<tr><td>".$hex." / ".$dec_r.", ".$dec_g.", ".$dec_b."</td></tr>
42<tr><td style='background-color:#".$hex.";' > </td></tr>
43 </table>";
44
45?>

Ausgabe des Skripts:

R: 119
G: 123
B: 179
Kopiervorlage: 119, 123, 179
Die Farbe
777bb3 / 119, 123, 179
 


Kopiervorlage: #777bb3
Die Farbe
777bb3 / 119, 123, 179
 

Einbindung des Skripts:

<html>
<head></head>

<body>

<?php

hier den PHP-Code einfügen

?>

</body>
</html>