konvertieren 3-stellige hex-color-code

Habe ich mit 3-stelligen hex-Farbwerte in CSS für eine lange Zeit: #fff, #999, #069 usw. Ich kann sehen, wie die sich wiederholenden Buchstaben/zahlen werden zusammengeführt, um zu erstellen Sie eine 3-stellige hex-color-code, aber ich nicht vollständig verstehen, die Muster in der Lage sein zu schreiben Sie ein Programm in PHP. Gibt es Unterlagen dafür?

Edit: Oh, vielleicht meine Frage war nicht klar. Ich muss wissen, wie man einige der 6-stelligen hex-Farbwerte konvertiert zu 3-stellig. xxxxxx (ffffff) und xxyyzz (006699) – dies sind nur zwei Muster, richtig?

  • Welchen Weg sind Sie auf der Suche zu konvertieren? Von 3-bis 6-stellige? Oder von hex in dezimal?
  • Die Vorteile von a-Wandler wäre sicherlich sehr begrenzt. Nachdem alle, nur ein kleiner Anteil des Farb-codes kann vereinfacht werden, und für eine Einsparung von nur 3 Zeichen pro code. Ich würde sein überrascht, wenn es keine Dokumentation, sondern als Programmier-übung, ist es wahrscheinlich nützlich.
  • Oh, vielleicht meine Frage war nicht klar. Ich muss wissen, wie man einige der 6-stelligen hex-Farbwerte konvertiert werden 3-stellig? xxxxxx (ffffff) xxyyzz (006699), dies sind nur zwei Muster, richtig?
InformationsquelleAutor 3zzy | 2009-09-22
  1. 31

    Konvertieren einer 3-stelligen hex-code in ein 6 Zeichen ein, die Sie brauchen, um zu wiederholen jedes Zeichen:

    $hex = '#fff';
$hex6 = '#' . $hex[1] . $hex[1] . $hex[2] . $hex[2] . $hex[3] . $hex[3];

    Wenn Sie möchten, in das Dezimalformat konvertieren, die Sie verwenden können, die hexdec Funktion

    InformationsquelleAutor Greg
  2. 2

    3-stellige CSS-code ist die Kurzform für "6-stellig": #06a; ist #0066aa;

    Jeweils zwei Ziffern stellen eine Zahl von 0 bis 255.

    Die Konvertierung dieser Werte in hex und wieder zurück, ist alles was Sie brauchen.

    InformationsquelleAutor Kobi
  3. 2

    #f0f erweitert, um #ff00ff also im Grunde müssen Sie nur den Wert berechnen und den Wert mal 16 für jedes Zeichen, z.B.:

    #f98: f = 15 => rot = 15 + 15*16 = 255 usw.

    • Ah, scheine ich die Stelle übersehen - und mein Sinn der Anhörung des API (hexdec()).
    • Also, mit dieser Logik, können Sie einfach in umgekehrter Reihenfolge es durch die Division durch 16, um die hex-3-version?
    • Gut, ja. Aber Sie werden effektiv beschränken Sie sich auf eine Granularität von 16 pro Kanal anstelle von 256.
    InformationsquelleAutor jensgram
  4. 1

    JS:

    function hexfix(str) {
  var v, w;
  v = parseInt(str, 16);	//in rrggbb
  if (str.length == 3) {
    //nybble colors - fix to hex colors
	// 0x00000rgb              -> 0x000r0g0b
	// 0x000r0g0b | 0x00r0g0b0 -> 0x00rrggbb
	w = ((v & 0xF00) << 8) | ((v & 0x0F0) << 4) | (v & 0x00F);
	v = w | (w << 4);
  }
  return v.toString(16).toUpperCase();
 }

var hex1 = 'AABBCC',
    hex2 = 'ABC';

document.body.appendChild(document.createTextNode(hex1+" becomes "+hexfix(hex1)+'.  '));
document.body.appendChild(document.createTextNode(hex2+" becomes "+hexfix(hex2)+'.  '));

    Etwas wie dieses.

    InformationsquelleAutor Dan Mecklenburg
Schreibe einen Kommentar