Χρωματικοί κωδικοί και ονόματα CSS.
Ο χρωματικός κώδικας μπορεί να είναι ένας από τους:
Μορφή δεκαεξαδικού: #rrggbb
Μορφή RGB: rgb (κόκκινο, πράσινο, μπλε)
Μορφή ονόματος: όνομα
Για πορτοκαλί χρώμα:
Δεκαεξαδική μορφή: #FFA500
Μορφή RGB: rgb(255,165,0)
Μορφή ονόματος: πορτοκαλί
Για συγκεκριμένο στοιχείο:
<element style="color: code;"></element>
Για όλα τα στοιχεία του ίδιου τύπου. Βάλτε κώδικα στην ετικέτα <style> στην ενότητα head:
<style>
element { color: code; }
</style>
Ρύθμιση χρώματος κειμένου παραγράφου σε κόκκινο:
Ρύθμιση χρώματος συγκεκριμένης παραγράφου:
<p style="color: #FF0000;">Some text ...</p>
Θέα:
Κάποιο κείμενο...
Ρύθμιση χρώματος όλων των παραγράφων
<style>
p { color: #FF0000; }
</style>
element { background: code; }
Ρύθμιση του χρώματος φόντου της παραγράφου σε κόκκινο:
Ρύθμιση χρώματος φόντου συγκεκριμένης παραγράφου:
<p style="background: #FF0000;">Some text ...</p>
Θέα:
Κάποιο κείμενο...
Ρύθμιση χρώματος φόντου για όλες τις παραγράφους:
<style>
p { background: #FF0000; }
</style>
element { border-color: topcode rightcode bottomcode leftcode }
Ορισμός χρώματος περιγράμματος παραγράφου σε κόκκινο, πράσινο, μπλε και μαύρο:
Ορισμός χρώματος περιγράμματος συγκεκριμένης παραγράφου:
<p style="border-color: #FF0000 #00FF00 #0000FF #000000; border-style:solid">Some text ...</p>
Θέα:
Κάποιο κείμενο...
Ορισμός χρώματος περιγράμματος όλων των παραγράφων:
<style>
p { border-color: #FF0000 #00FF00 #0000FF #000000; }
</style>
Χρώμα | Όνομα χρώματος HTML / CSS |
Hex Code #RRGGBB |
Δεκαδικός κωδικός (R,G,B) |
---|---|---|---|
σολομός | #FFA07A | rgb(255,160,122) | |
σολομός | #FA8072 | rgb(250,128,114) | |
σκοτεινός σολομός | #E9967A | rgb(233,150,122) | |
φωτοκοράλ | #F08080 | rgb(240,128,128) | |
ινδιάνικος | #CD5C5C | rgb(205,92,92) | |
βυσσινί | #DC143C | rgb(220,20,60) | |
πυρίμαχο τούβλο | #B22222 | rgb(178,34,34) | |
το κόκκινο | #FF0000 | rgb(255,0,0) | |
σκούρο κόκκινο | #8B0000 | rgb(139,0,0) |
Χρώμα | Όνομα χρώματος HTML / CSS |
Hex Code #RRGGBB |
Δεκαδικός κωδικός (R,G,B) |
---|---|---|---|
κοράλλι | #FF7F50 | rgb(255,127,80) | |
ντομάτα | #FF6347 | rgb(255,99,71) | |
πορτοκαλοκόκκινο | #FF4500 | rgb(255,69,0) | |
χρυσός | #FFD700 | rgb(255,215,0) | |
πορτοκάλι | #FFA500 | rgb(255,165,0) | |
σκούρο πορτοκαλί | #FF8C00 | rgb(255,140,0) |
Χρώμα | Όνομα χρώματος HTML / CSS |
Hex Code #RRGGBB |
Δεκαδικός κωδικός (R,G,B) |
---|---|---|---|
Ανοιχτό κίτρινο | #FFFFE0 | rgb(255,255,224) | |
λεμονσιφόν | #FFFACD | rgb(255,250,205) | |
ανοιχτόχρυσο κίτρινο | #FAFAD2 | rgb(250,250,210) | |
μαστίγιο παπάγια | #FFFD5 | rgb(255,239,213) | |
είδος φιδιού | #FFE4B5 | rgb(255,228,181) | |
ροδάκινο | #FFDAB9 | rgb(255,218,185) | |
palegoldenrod | #EEE8AA | rgb(238,232,170) | |
χακί | #F0E68C | rgb(240,230,140) | |
σκοτεινός | #BDB76B | rgb(189,183,107) | |
κίτρινος | #FFFF00 | rgb(255,255,0) |
Χρώμα | Όνομα χρώματος HTML / CSS |
Hex Code #RRGGBB |
Δεκαδικός κωδικός (R,G,B) |
---|---|---|---|
γκαζόν | #7CFC00 | rgb(124,252,0) | |
κιτρινοπράσινος | #7FFF00 | rgb(127,255,0) | |
ασβέστη | #32CD32 | rgb(50,205,50) | |
άσβεστος | #00FF00 | rgb(0.255.0) | |
πράσινο του δάσους | #228B22 | rgb(34,139,34) | |
πράσινος | #008000 | rgb(0,128,0) | |
σκούρο πράσινο | #006400 | rgb(0,100,0) | |
πράσινο κίτρινο | #ADFF2F | rgb(173,255,47) | |
κίτρινο πράσινο | #9ACD32 | rgb(154,205,50) | |
ανοιξιάτικο | #00FF7F | rgb(0,255,127) | |
mediumspringgreen | #00FA9A | rgb(0,250,154) | |
ανοιχτό πράσινο | #90EE90 | rgb(144,238,144) | |
απαλό πράσινο | #98FB98 | rgb(152,251,152) | |
σκούρο πράσινο | #8FBC8F | rgb(143,188,143) | |
mediumseagreen | #3CB371 | rgb(60,179,113) | |
πράσινη θάλασσα | #2E8B57 | rgb(46,139,87) | |
ελιά | #808000 | rgb(128,128,0) | |
σκούρο πράσινο | #556B2F | rgb(85,107,47) | |
ελαιόλαδο | #6B8E23 | rgb(107,142,35) |
Χρώμα | Όνομα χρώματος HTML / CSS |
Hex Code #RRGGBB |
Δεκαδικός κωδικός (R,G,B) |
---|---|---|---|
ανοιχτόχρωμος | #E0FFFF | rgb(224,255,255) | |
κυανό | #00FFFF | rgb(0,255,255) | |
aqua | #00FFFF | rgb(0,255,255) | |
ακουαμαρίνης | #7FFFD4 | rgb(127,255,212) | |
μεσαία ακουαμαρίνη | #66CDAA | rgb(102,205,170) | |
παλετουρκουάζ | #ΑΦΕΕΕΕ | rgb(175,238,238) | |
τουρκουάζ | #40E0D0 | rgb(64.224.208) | |
μεσαίο τιρκουάζ | #48D1CC | rgb(72,209,204) | |
σκούρο τιρκουάζ | #00CED1 | rgb(0,206,209) | |
lightseagreen | #20B2AA | rgb(32,178,170) | |
καντμπλου | #5F9EA0 | rgb(95,158,160) | |
μελαχρινός | #008B8B | rgb(0,139,139) | |
βάσκας | #008080 | rgb(0,128,128) |
Χρώμα | Όνομα χρώματος HTML / CSS |
Hex Code #RRGGBB |
Δεκαδικός κωδικός (R,G,B) |
---|---|---|---|
μπλε σκόνη | #B0E0E6 | rgb(176,224,230) | |
γαλάζιο | #ADD8E6 | rgb(173,216,230) | |
ανοιχτό μπλε | #87 CEFA | rgb(135,206,250) | |
μπλε του ουρανού | #87CEEB | rgb(135,206,235) | |
βαθύ μπλε | #00BFFF | rgb(0,191,255) | |
ανοιχτό μπλε | #B0C4DE | rgb(176,196,222) | |
dodgeblue | #1E90FF | rgb(30,144,255) | |
αραβοσίτου | #6495ΕΔ | rgb(100,149,237) | |
ατσάλι μπλε | #4682B4 | rgb(70,130,180) | |
μπλε ρουά | #4169E1 | rgb(65,105,225) | |
μπλε | #0000FF | rgb(0,0,255) | |
μεσαίο μπλε | #0000CD | rgb(0,0,205) | |
σκούρο μπλε | #00008B | rgb(0,0,139) | |
ΠΟΛΕΜΙΚΟ ΝΑΥΤΙΚΟ | #000080 | rgb(0,0,128) | |
μεσάνυχτα μπλε | #191970 | rgb(25,25,112) | |
mediumslateblue | #7B68EE | rgb(123,104,238) | |
σχιστόλιθος | #6A5ACD | rgb(106,90,205) | |
σκούρο πλάκα | #483D8B | rgb(72,61,139) |
Χρώμα | Όνομα χρώματος HTML / CSS |
Hex Code #RRGGBB |
Δεκαδικός κωδικός (R,G,B) |
---|---|---|---|
λεβάντα | #E6E6FA | rgb(230.230.250) | |
γαϊδουράγκαθο | #D8BFD8 | rgb(216,191,216) | |
δαμάσκηνο | #DDA0DD | rgb(221,160,221) | |
βιολέτα | #EE82EE | rgb(238,130,238) | |
ορχιδέα | #DA70D6 | rgb(218,112,214) | |
φουξία | #FF00FF | rgb(255,0,255) | |
πορφύρα βαφή | #FF00FF | rgb(255,0,255) | |
mediumorchid | #BA55D3 | rgb(186,85,211) | |
μεσαίο μωβ | #9370DB | rgb(147,112,219) | |
μπλε βιολετί | #8A2BE2 | rgb(138,43,226) | |
σκούρο βιολετί | #9400D3 | rgb(148,0,211) | |
σκουρόχορδα | #9932CC | rgb(153,50,204) | |
darkmagenta | #8B008B | rgb(139,0,139) | |
μωβ | #800080 | rgb(128,0,128) | |
ινδικό | #4B0082 | rgb(75,0,130) |
Χρώμα | Όνομα χρώματος HTML / CSS |
Hex Code #RRGGBB |
Δεκαδικός κωδικός (R,G,B) |
---|---|---|---|
ροζ | #FFC0CB | rgb(255,192,203) | |
ανοιχτό ροζ | #FFB6C1 | rgb(255,182,193) | |
καυτό ροζ | #FF69B4 | rgb(255,105,180) | |
βαθύ ροζ | #FF1493 | rgb(255,20,147) | |
παλαιοιώδες | #DB7093 | rgb(219,112,147) | |
μεσαίου ιώδους | #C71585 | rgb(199,21,133) |
Χρώμα | Όνομα χρώματος HTML / CSS |
Hex Code #RRGGBB |
Δεκαδικός κωδικός (R,G,B) |
---|---|---|---|
άσπρο | #FFFFFF | rgb(255,255,255) | |
χιόνι | #FFFAFA | rgb(255,250,250) | |
μελίτωμα | #F0FFF0 | rgb(240,255,240) | |
κρέμα μέντας | #F5FFFA | rgb(245,255,250) | |
γαλανός | #F0FFFF | rgb(240,255,255) | |
aliceblue | #F0F8FF | rgb(240,248,255) | |
ghostwhite | #F8F8FF | rgb(248,248,255) | |
λευκός καπνός | #F5F5F5 | rgb(245,245,245) | |
κοχύλι | #FFF5EE | rgb(255,245,238) | |
μπεζ | #F5F5DC | rgb(245,245,220) | |
oldlace | #FDF5E6 | rgb(253,245,230) | |
λουλουδένιο | #FFFAF0 | rgb(255,250,240) | |
ελεφαντόδοντο | #FFFFF0 | rgb(255,255,240) | |
αντίκες | #FAEBD7 | rgb(250,235,215) | |
ΛΕΥΚΑ ΕΙΔΗ | #FAF0E6 | rgb(250,240,230) | |
κοκκινί λεβάντας | #FFF0F5 | rgb(255,240,245) | |
mistyrose | #FFE4E1 | rgb(255,228,225) |
Χρώμα | Όνομα χρώματος HTML / CSS |
Hex Code #RRGGBB |
Δεκαδικός κωδικός (R,G,B) |
---|---|---|---|
gainsboro | #DCDCDC | rgb(220,220,220) | |
ανοιχτό γκρι | #D3D3D3 | rgb(211,211,211) | |
ασήμι | #C0C0C0 | rgb(192,192,192) | |
σκούρο γκρίζο | #A9A9A9 | rgb(169,169,169) | |
γκρί | #808080 | rgb(128,128,128) | |
αμυδρός | #696969 | rgb(105,105,105) | |
ανοιχτόχρωμο γκρι | #778899 | rgb(119,136,153) | |
σχιστόλιθος | #708090 | rgb(112,128,144) | |
σκούρο γκρι | #2F4F4F | rgb(47,79,79) | |
μαύρος | #000000 | rgb(0,0,0) |
Χρώμα | Όνομα χρώματος HTML / CSS |
Hex Code #RRGGBB |
Δεκαδικός κωδικός (R,G,B) |
---|---|---|---|
μετάξι καλαμποκιού | #FFF8DC | rgb(255,248,220) | |
blanchedalmond | #FFECD | rgb(255,235,205) | |
είδος πυκνής σούπας | #FFE4C4 | rgb(255,228,196) | |
ναυαγόλευκος | #FFDEAD | rgb(255,222,173) | |
σιτάρι | #F5DEB3 | rgb(245,222,179) | |
burlywood | #DEB887 | rgb(222,184,135) | |
ηλιοκαμένος | #D2B48C | rgb(210,180,140) | |
ροζ καστανή | #BC8F8F | rgb(188,143,143) | |
αμμοκαφέ | #F4A460 | rgb(244,164,96) | |
χρυσαυγίτης | #DAA520 | rgb(218,165,32) | |
Περού | #CD853F | rgb(205,133,63) | |
σοκολάτα | #D2691E | rgb(210,105,30) | |
καστανή σέλα | #8B4513 | rgb(139,69,19) | |
χώμα σιένης | #A0522D | rgb(160,82,45) | |
καφέ | #A52A2A | rgb(165,42,42) | |
μαρόν | #800000 | rgb(128,0,0) |
Το Εργαλείο κωδικών χρωμάτων CSS επιτρέπει στους χρήστες να χρησιμοποιούν κωδικούς χρωμάτων CSS. Μερικά από τα κύρια χαρακτηριστικά αυτού του βοηθητικού προγράμματος εξηγούνται παρακάτω.
Η φιλική προς το χρήστη διεπαφή του Εργαλείου κωδικών χρωμάτων CSS σας παρέχει την ευκολία να πραγματοποιήσετε αυτήν τη μετατροπή άμεσα. Δεν χρειάζεται πλέον να αποκτήσετε δεξιότητες προγραμματισμού για χρωματικούς κώδικες CSS λόγω της απλότητας αυτού του Εργαλείου.
Δεν χρειάζεται να περάσετε από καμία διαδικασία εγγραφής για να χρησιμοποιήσετε τους χρωματικούς κωδικούς CSS. Χρησιμοποιώντας αυτό το βοηθητικό πρόγραμμα, μπορείτε να χρησιμοποιήσετε το Εργαλείο κωδικών χρωμάτων CSS όσες φορές θέλετε δωρεάν.
Μπορείτε να έχετε πρόσβαση σε αυτούς τους χρωματικούς κωδικούς CSS από οποιαδήποτε γωνιά του κόσμου. Δεν χρειάζεται να ανησυχείτε για τη συμβατότητα αυτού του διαδικτυακού εργαλείου, καθώς μπορείτε να κωδικοποιήσετε χρώμα CSS με αυτό από οποιαδήποτε συσκευή. Το μόνο που χρειάζεστε είναι μια σύνδεση στο διαδίκτυο για πρόσβαση και χρήση αυτού του Εργαλείου κωδικών χρωμάτων CSS.
Οι χρωματικοί κωδικοί CSS σάς επιτρέπουν να ολοκληρώσετε την ίδια εργασία αμέσως. Δεν θα σας ζητηθεί να ακολουθήσετε μη αυτόματες διαδικασίες, καθώς οι αυτοματοποιημένοι αλγόριθμοί του θα κάνουν τη δουλειά για εσάς.
Το Εργαλείο κωδικών χρωμάτων CSS λειτουργεί τέλεια σε όλα τα λειτουργικά συστήματα. Είτε έχετε συσκευή Mac, iOS, Android, Windows ή Linux, μπορείτε εύκολα να χρησιμοποιήσετε αυτό το διαδικτυακό βοηθητικό πρόγραμμα χωρίς να αντιμετωπίσετε καμία ταλαιπωρία.
Δεν χρειάζεται να περάσετε από καμία διαδικασία εγγραφής για να χρησιμοποιήσετε αυτό το Εργαλείο κωδικών χρωμάτων CSS. Μπορείτε να χρησιμοποιήσετε αυτό το βοηθητικό πρόγραμμα δωρεάν και να δημιουργήσετε απεριόριστους κωδικούς χρωμάτων CSS χωρίς κανέναν περιορισμό.
Advertising