Ich weiß, dass dies bereits auf StackOverflow erschienen ist:
Aber ich möchte hier weiterfragen, da wir wahrscheinlich alle technischer mit unserer Farbauswahl sind und sie möglicherweise in HEX, RGB und CMYK verwenden. Persönlich bevorzuge ich in den letzten Jahren RGBA. Ich kann es mir nur leichter merken. Ich kenne bestimmte HEX-Codes (sind das Codes?), aber ich kenne eine Menge RGB-Codes und kann ziemlich gute Schätzungen für jede Farbe vornehmen, die ich möglicherweise benötige.
Das Hauptargument, das ich gesehen habe, ist Kopieren und Einfügen von eins im Vergleich zu drei. Gibt es weitere Unterschiede im Farbprofil?
Gibt es einen Grund, warum die meisten Programmierer immer noch das HEX-Format bevorzugen?
Mit welchen anderen Vorbehalten könnte ein Designer bei modernen Drucktechniken konfrontiert werden, wenn er sich für HEX entscheidet und dann versucht, eine ähnliche CMYK-Farbe zu finden?
Dem Browser ist es egal, in welchem Format die Farbe vorliegt, die Performance ist vernachlässigbar. Daher konzentriere ich mich auf die Auswirkungen der Entscheidung auf den/die Entwickler und die Anwendungsfälle.
Viele Entwickler finden HEX-Werte leichter lesbar als RGB oder HSL. Daher neige ich dazu, HEX zu verwenden, damit der nächste Entwickler, der an dem Projekt arbeitet, eine leichtere Aufgabe hat, wenn auch nur geringfügig. Wenn die Entwickler jedoch mit einem anderen Typ besser vertraut sind, ist es kein Problem, ihn zu verwenden.
Einer der wenigen Fälle, in denen ein bestimmter Farbtyp erforderlich ist, ist das Ändern des Alpha-Levels. Dies liegt daran , dass opacitysich die Stapelreihenfolge ändert . Wenn also der Alpha-Level etwas anderes als eins sein muss, ist es manchmal vorzuziehen, HSLa oder RGBa gegenüber der opacityEigenschaft zu verwenden.
Wenn es um die Animation von Farben geht, ist die Arbeit in RGB oder HSL gegenüber HEX vorzuziehen, einfach weil Zahlen dynamisch einfacher zu bearbeiten sind. HSL eignet sich hervorragend für Animationen, die das Spektrum durchlaufen, da die Farbe durch eine Zahl bestimmt wird - den Farbton - vorausgesetzt, dass Sättigung und Helligkeit nicht wirklich geändert werden müssen.
Letztlich egal, sofern es sich nicht um einen Sonderfall handelt. Das Wichtigste ist, den Typ, der für jedes Projekt verwendet wird, so weit wie möglich konsistent zu halten, da dies die Produktivität fördert.
Schreiben Sie nur in HSLA. Es erfordert sehr wenig mentale Gymnastik, um sich Farben vorzustellen oder zu ändern (im Vergleich zu Hex oder RGBA), ist im Browser vollständig äquivalent zu Hex oder RGBA, hat eine großartige Browserunterstützung ab IE9 und wenn Sie nur HSLA verwenden, müssen Sie das Layout nie ändern Ihres Codes, wenn Sie Transparenz einführen möchten; Alles, was Sie tun, ist, die 1 auf eine 0,X-Zahl zu reduzieren. Es ist viel konsistenter und lesbarer.
Ryan
Scott
Gidgidonihah
opacityÄndern der Stapelreihenfolge gesagt wurde, wirkt sich dies auch auf die Deckkraft des gesamten Elements aus. Die Verwendung von rgba oder hsla wirkt sich nur auf die Deckkraft der Eigenschaft aus, die Farbe erhält.div{ background: #f00; color: #0f0; opacity: .5}führt zu halbtransparentem Text.div{ background: rgba(255, 0, 0, .5); color: #0f0}wird nicht.