Sie sehen jedoch immer noch in Hex durcheinander aus. Es könnte interessant sein, nach Farbton zu sortieren, aber wo würden Sie dann die Grautöne platzieren und wie würden Sie mit verschiedenen Sättigungsstufen desselben Farbtons umgehen?
Das Problem bei dem Versuch, Farben in irgendeiner Art von Liste zu sortieren, ist, dass Listen 2D sind und der Farbraum 3D ist (abgesehen vom Transparenzkanal), sodass keine einzelne Liste ausreichend ist.
@Raxin, die Sortierung „nach Hex“ ist auf dieser Seite von keinem Standpunkt aus richtig, sie haben die Farben nach Umwandlung von Hex sortiert, als ob es ein Wert wäre, während die Hex in Wirklichkeit drei Werte sind (Rot, Grün, Blau). Mit anderen Worten, sie haben einen Fehler gemacht, etwas wie „#bada55“ als eine einzelne Hexadezimalzahl zu behandeln, während es tatsächlich „ba“ Wert für Rot, „da“ Wert für Grün und „55“ Wert für Blau ist. Und woher weiß ich das? Ich habe mit dem Sortieren der Farben selbst herumgespielt und bin beim ersten Versuch auf den gleichen Fehler gestoßen, und das war die gleiche Reihenfolge wie auf dieser Seite. Hier ist mein Spielplatz: http://colors.yur.io schauen Sie sich gerne den Quellcode an.
Gute Arbeit, ich mag, wie jede einzelne dieser Farben lebendig ist und wirklich gut aussieht. Ich habe das Bedürfnis, 'BurlyWood' jetzt für einen Hintergrund oder so zu verwenden.
Ich habe ein Sublime Text 2 Reg Replace-Muster erstellt, das alle benannten CSS-Farben findet und sie durch den Hex-Wert ersetzt. Dazu muss das Reg Replace-Plugin installiert sein.
Ich habe alle CSS-Farben mit ihrem Namen verwaltet und eine einzige Datei erstellt, um jede CSS-Farbe einfach für Text und Hintergrund zu verwenden. Schauen Sie sich das hier an -> http://shaz3e.github.io/S3-Colors/
Zufällige Frage. Weiß jemand, warum Fuchsia/Magenta und Aqua/Cyan Wiederholungen derselben Farbe sind (#FF00FF und #00FFFF bzw.). Also gibt es in Wirklichkeit nur 138 Farben? Es ist nicht wichtig, aber ich habe mich immer gefragt, wie das zustande kam...
Aus demselben Grund, warum Grau/Grey (und Varianten davon, z. B. DarkSlateGr[a|e]y) äquivalente Namen sind; verschiedene Leute verwenden unterschiedliche Schreibweisen oder Namen, um sich auf dieselbe Farbe zu beziehen. Insbesondere „Fuchsia“ und „Aqua“ gehörten zu den 16 Farbnamen, die in HTML 3.0 definiert wurden, welche wiederum aus den Standardnamen stammten, auf die in der Standard-VGA-4-Bit-Farbpalette von MS Windows verwiesen wurde; Das additive Farbmodell (RGB) bezeichnete jedoch seit langem die Kombination aus maximalem Rot- und blauen Licht als „Magenta“ und die Kombination aus maximalem grünen und blauen Licht als „Cyan“, die allgemein als technische Begriffe für diese spezifischen Definitionen bekannt sind, sodass „Fuchsia“ und „Aqua“ im Wesentlichen aus Gründen der Abwärtskompatibilität, die auf HTML 3 und frühes Windows zurückgehen, weiterhin unterstützt werden.
http://www.colorconversion.co – Ich habe kürzlich diese Farbkonversionsseite entwickelt, um Entwicklern, Designern oder allen, die sich für Farbkonvertierung interessieren, zu helfen. Sie ist kostenlos und macht Spaß :)
Für zwei der Farben sind die falschen Werte aufgeführt.
MediumPurple ist als #9370D8 aufgeführt. Das sollte #9370DB sein.
PaleVioletRed ist als #D87093 aufgeführt. Das sollte #DB7093 sein.
In beiden Fällen hat jemand bei der Erstellung der Liste auf dieser Seite den Buchstaben B als Ziffer 8 eingegeben. Der Beitrag vom 2. August 2013 von Dennis Dewey enthält ebenfalls falsche Farbwerte.
Ich unterstütze die Hinzufügung von RebeccaPurple zur Liste. Obwohl es sich nicht um eine offizielle CSS3-Farbe handelt, ist sie seit Juni 2014 Teil der offiziellen CSS4-Spezifikation und wird seit 2014 von allen wichtigen Webbrowsern unterstützt. CSS3-Liste https://www.w3.org/TR/css3-color/ CSS4-Liste https://www.w3.org/TR/css-color-4/ enthält RebeccaPurple
Die Seite sollte erwähnen, dass die Farbnamen nicht zwischen Groß- und Kleinschreibung unterscheiden. ‚YellowGreen‘ und ‚yellowgreen‘ sind dasselbe.
Obwohl es keinen Einfluss auf die angezeigte Farbe hat, sind die folgenden Farbnamen einzelne englische Wörter und sollten in der Liste nicht als zwei Wörter in CamelCase aufgeführt werden: Aquamarin, Goldenrod (verwendet als Teil mehrerer Farbnamen), Honeydew und Seashell.
Wow .. wirklich gute Arbeit
Es wäre schön, wenn man es nach Hex-Wert sortieren könnte, falls man ungefähr weiß, welche Farbe man möchte, aber nicht die genaue.
Hier ist eine Liste, sortiert nach Hex
http://www.w3schools.com/cssref/css_colorsfull.asp
Sie sehen jedoch immer noch in Hex durcheinander aus. Es könnte interessant sein, nach Farbton zu sortieren, aber wo würden Sie dann die Grautöne platzieren und wie würden Sie mit verschiedenen Sättigungsstufen desselben Farbtons umgehen?
Das Problem bei dem Versuch, Farben in irgendeiner Art von Liste zu sortieren, ist, dass Listen 2D sind und der Farbraum 3D ist (abgesehen vom Transparenzkanal), sodass keine einzelne Liste ausreichend ist.
Ich meinte, Listen sind 1D.
@Raxin, die Sortierung „nach Hex“ ist auf dieser Seite von keinem Standpunkt aus richtig, sie haben die Farben nach Umwandlung von Hex sortiert, als ob es ein Wert wäre, während die Hex in Wirklichkeit drei Werte sind (Rot, Grün, Blau). Mit anderen Worten, sie haben einen Fehler gemacht, etwas wie „#bada55“ als eine einzelne Hexadezimalzahl zu behandeln, während es tatsächlich „ba“ Wert für Rot, „da“ Wert für Grün und „55“ Wert für Blau ist.
Und woher weiß ich das? Ich habe mit dem Sortieren der Farben selbst herumgespielt und bin beim ersten Versuch auf den gleichen Fehler gestoßen, und das war die gleiche Reihenfolge wie auf dieser Seite. Hier ist mein Spielplatz: http://colors.yur.io schauen Sie sich gerne den Quellcode an.
Gute Arbeit, ich mag, wie jede einzelne dieser Farben lebendig ist und wirklich gut aussieht. Ich habe das Bedürfnis, 'BurlyWood' jetzt für einen Hintergrund oder so zu verwenden.
w3schools hat eine ähnliche Tabelle http://www.w3schools.com/html/html_colornames.asp
das ist die, auf die ich zuerst gestoßen bin
Al
Gute Arbeit Chris, danke für die Liste!
Das ist wirklich nützlich – vielen Dank – in meinen Lesezeichen!
Schön! Es wäre cool, wenn man auch HSLA hinzufügen könnte ...
cool!!
Ich habe ein Sublime Text 2 Reg Replace-Muster erstellt, das alle benannten CSS-Farben findet und sie durch den Hex-Wert ersetzt. Dazu muss das Reg Replace-Plugin installiert sein.
https://gist.github.com/primitivehuman/6138823
Ich habe alle CSS-Farben mit ihrem Namen verwaltet und eine einzige Datei erstellt, um jede CSS-Farbe einfach für Text und Hintergrund zu verwenden. Schauen Sie sich das hier an -> http://shaz3e.github.io/S3-Colors/
Zufällige Frage. Weiß jemand, warum Fuchsia/Magenta und Aqua/Cyan Wiederholungen derselben Farbe sind (#FF00FF und #00FFFF bzw.). Also gibt es in Wirklichkeit nur 138 Farben?
Es ist nicht wichtig, aber ich habe mich immer gefragt, wie das zustande kam...
Aus demselben Grund, warum Grau/Grey (und Varianten davon, z. B. DarkSlateGr[a|e]y) äquivalente Namen sind; verschiedene Leute verwenden unterschiedliche Schreibweisen oder Namen, um sich auf dieselbe Farbe zu beziehen. Insbesondere „Fuchsia“ und „Aqua“ gehörten zu den 16 Farbnamen, die in HTML 3.0 definiert wurden, welche wiederum aus den Standardnamen stammten, auf die in der Standard-VGA-4-Bit-Farbpalette von MS Windows verwiesen wurde; Das additive Farbmodell (RGB) bezeichnete jedoch seit langem die Kombination aus maximalem Rot- und blauen Licht als „Magenta“ und die Kombination aus maximalem grünen und blauen Licht als „Cyan“, die allgemein als technische Begriffe für diese spezifischen Definitionen bekannt sind, sodass „Fuchsia“ und „Aqua“ im Wesentlichen aus Gründen der Abwärtskompatibilität, die auf HTML 3 und frühes Windows zurückgehen, weiterhin unterstützt werden.
Danke, das hat mir gerade in meinem GitHub-Projekt namens weblooks.css geholfen, Sie können meine Arbeit unter folgendem Link forken: http://www.github.com/frinteractive/weblooks.css
Ich verwende Boxing.css, um Stilzeichenketten für „Farbnamen“, „Hintergrundfarbe“ und „Vordergrundfarbe“ zu gruppieren. CSS3-Box-Stil ist immer hilfreich, daher ein großartiger Start von Shaz bei IO. Aber es gibt mehr, jeder mit seinem eigenen Flair. Mozilla geht wie immer bis zum Äußersten (RGBdec, RGB%, HSL, HEX, SHORT und Berge von Erklärungen).
Ressourcen
http://dev.w3.org/csswg/css-color/
http://www.w3.org/TR/SVG/types.html#ColorKeywords
http://meyerweb.com/eric/css/colors/
http://www.w3schools.com/cssref/css_colornames.asp
http://www.w3schools.com/cssref/css_colorsfull.asp
http://www.learningwebdesign.com/colornames.html
http://www.cssportal.com/css3-color-names/
http://shaz3e.github.io/S3-Colors/
https://developer.mozilla.org/en/docs/Web/CSS/color_value
http://www.colorconversion.co – Ich habe kürzlich diese Farbkonversionsseite entwickelt, um Entwicklern, Designern oder allen, die sich für Farbkonvertierung interessieren, zu helfen. Sie ist kostenlos und macht Spaß :)
Warum erscheinen diese nicht wie erwartet?
lightGray
Gray
DarkGray
Wie kann ein dunkleres Grau so viel heller als Grau sein?
Das liest sich wie Patrick Batemans Mittagessen.
Diese Liste vermisst „rebeccapurple“: https://css-tricks.de/rebbeccapurple-663399/
Für zwei der Farben sind die falschen Werte aufgeführt.
MediumPurple ist als #9370D8 aufgeführt. Das sollte #9370DB sein.
PaleVioletRed ist als #D87093 aufgeführt. Das sollte #DB7093 sein.
In beiden Fällen hat jemand bei der Erstellung der Liste auf dieser Seite den Buchstaben B als Ziffer 8 eingegeben. Der Beitrag vom 2. August 2013 von Dennis Dewey enthält ebenfalls falsche Farbwerte.
Ich unterstütze die Hinzufügung von RebeccaPurple zur Liste. Obwohl es sich nicht um eine offizielle CSS3-Farbe handelt, ist sie seit Juni 2014 Teil der offiziellen CSS4-Spezifikation und wird seit 2014 von allen wichtigen Webbrowsern unterstützt.
CSS3-Liste https://www.w3.org/TR/css3-color/
CSS4-Liste https://www.w3.org/TR/css-color-4/ enthält RebeccaPurple
Die Seite sollte erwähnen, dass die Farbnamen nicht zwischen Groß- und Kleinschreibung unterscheiden. ‚YellowGreen‘ und ‚yellowgreen‘ sind dasselbe.
Obwohl es keinen Einfluss auf die angezeigte Farbe hat, sind die folgenden Farbnamen einzelne englische Wörter und sollten in der Liste nicht als zwei Wörter in CamelCase aufgeführt werden: Aquamarin, Goldenrod (verwendet als Teil mehrerer Farbnamen), Honeydew und Seashell.
Kann das für Referenzzwecke auf einem Farbrad angeordnet werden? Die Geometrie ist schwer zu merken, wenn ich endlos nach unten scrolle.