Web Design: Verwenden Sie die hexadezimale Farbcode Farben übereinstimmen

Wenn Sie Farben in HTML oder CSS-Code in Web-Design angeben, verwenden Sie nicht ihre RGB-Nummern. Stattdessen verwenden Sie etwas ein genannt hexadezimal-Code. Zum Beispiel ist das gute alte weiße 255,255,255 in RGB, aber es ist #FFFFFF in Hexadezimal-Code. Im Hexadezimal-Code definieren die ersten beiden Ziffern die rote Farbe, die nächsten zwei Ziffern definieren die grüne und die letzten beiden Ziffern das Blau des RGB-System definieren. Verwendung des #FFFFFF beispielsweise die ersten beiden Ziffern gleich FF 255. So diese Farbe R = 255, G = 255 und B = 255. Alle drei Farben bei voller Leistung (255) machen weiß.

Stellen Sie sich vor, dass Sie eine Website für ein Unternehmen sind entwerfen, die eine Handvoll Unternehmen Farben hat, dass sie Sie in der gesamten Website verwenden möchten. Oft sind diese Farben als PMS-Farben angegeben (Pantone Matching System). So einfach, wie gehen Sie von PMS oder RGB in hexadezimale Farbcodes?

Statt einen Super-Duper-Decoder Ring der Verwendung von Farbwerten in Hexadezimal-Code und umgekehrt zu übersetzen, können Sie den Code sowohl in Adobe Photoshop und Adobe Fireworks abrufen. (Sonst brauchen Sie wirklich eine spezielle Hexadezimal-Rechner, und sie online tun gibt!)

Hier ist, wie Adobe Photoshop verwenden, um die hexadezimale Zahl einer Probe Farbe zu finden, oder eines bekannten PMS oder RGB-Farbe:

  1. Starten Sie Photoshop.

  2. Wählen Sie Datei-Öffnen in der Menüleiste.

    Navigieren Sie zu einem Bild, das Sie von einer Farbe zu probieren wollen, und öffnen Sie es.

    Wenn Sie kein Bild haben zu probieren und müssen nur ein RGB oder PMS Farbwert zu übersetzen, müssen Sie nicht eine Datei zu öffnen.

  3. Klicken Sie auf das Vordergrundfarbfeld im unteren Bereich der Werkzeugleiste.

    Ein Pop-up-Palette wird angezeigt, eine Farbauswahl bietet für Sie zu nutzen, wie die folgende Abbildung zeigt. Beachten Sie auch, dass Sie den Cursor in eine Pipette verwandelt.

    bild0.jpg
  4. Bewegen Sie den Mauszeiger über das Bild, und klicken Sie auf die Farbe, die Sie probieren möchten.

    Beachten Sie die hexadezimale Anzeige-Updates in der Farbauswahl.

  5. Wählen und den Hexadezimal-Code innerhalb der Farbauswahl kopieren, bevor Sie auf die Schaltfläche OK klicken, um zu beenden, fügen Sie dann den Code in Ihre CSS-Code oder in Ihrem Style Guide.

  6. Um eine PMS Farbe zu übersetzen, gehen Sie folgendermaßen vor:

  1. Klicken Sie auf die Farbe Schaltfläche Bibliotheken in der Farbauswahl.

  2. Schnell Ihre PMS-Nummer eingeben, sagen 375, Ihr Farbmuster erscheinen zu sehen.

  3. Wenn Sie das richtige in der Liste zu finden, klicken Sie auf den "Picker" -Taste, um die Farbauswahl zurückzukehren.

    Beachten Sie die Hexadezimal-Code für Ihre farb- erscheint, können Sie nun kopieren und wie Sie möchten.

  • Um eine RGB-Farbe zu übersetzen, geben Sie einfach die R-, G- und B-Werte in der Farbauswahl und sehen dementsprechend die hexadezimale Zahl Update.

  • Menü