HTML Color Names: 147 Ονόματα χρωμάτων για ευκολία!

Όταν γράφουμε σε HTML κώδικα τα χρώματα ανατρέχουμε σε βοήθεια κάποιων site. Είναι του τύπου #0000FF, #FF69B4 κλπ. Που να τα θυμηθείς; Κι όμως το πρώτο έχει το όνομα Blue και το δεύτερο HotPink! Σαν μνημονικός κανόνας. Παρουσιάζουμε λίστα με 147 Ονόματα χρωμάτων HTML για ευκολία και μερικούς τρόπους χρήσης. Σαν έξτρα αναφέρεται πηγή για επιλογή απόχρωσης κάθε χρώματος, και εργαλείο για μίξη χρωμάτων HTML.

Παράδειγμα μέρου HTML κώδικα που συναντάμε σε ιστοσελίδες
Πως μοιάζει ο HTML κώδικας σε μια σελίδα


Παραδείγματα HTML Color Names list και τα χρώματα τους:


  • Chocolate, #D2691E
  • DarkOliveGreen, #556B2F
  • DarkSeaGreen
  • Tomato, #FF6347
  • SpringGreen, #00FF7F;
  • PaleVioletRed, #D87093
  • SkyBlue, #87CEEB

Η πλήρης λίστα με τα 147 HTML Color Names και οι αποχρώσεις και μίξεις αυτών


Η παραπάνω λίστα είναι μια unordered list(μη ταξινομημένη, μη αριθμημένη λίστα). Θα μπορούσε να είναι αριθμημένη. Δες πως φτιάχνω λίστες σε HTML και δες αυτόματα πως φτιάχνω λίστες στον Blogger blog.

Ο HTML/CSS κώδικας λοιπόν πίσω από την έγχρωμη μη αριθμημένη λίστα:



το style="" κομμάτι είναι inline CSS και προσδίδει στο συγκεκριμένο στοιχείο, στην περίπτωση μας το li(δηλαδή ένα στοιχείο τις λίστας) στυλ. Χρώμα στο παράδειγμα. Δείτε μια εισαγωγή στο CSS. Και inline CSS σημαίνει τι;

Παράδειγμα, έγχρωμοι υπότιτλοι h1 και έγχρωμοι παράγραφοι(δεν συνιστώνται)


Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus tempus, turpis sed imperdiet sollicitudin, risus mi hendrerit tortor, eget suscipit urna tortor vitae dolor. Aenean a erat est. Donec sed turpis risus. In iaculis, odio eu faucibus vehicula, sapien lacus suscipit magna, molestie consequat velit risus ut arcu. Fusce interdum vehicula nisl, id pharetra metus fringilla in.

Πως έφτιαξα, με HTML/CSS έγχρωμο με προσαρμοσμένου μεγέθους υπότιτλο h1 όπως αυτός και έγχρωμη παράγραφο:

Η παράγραφος:


Ο υπότιτλος


Παράδειγμα έγχρωμης λέξης ή φράσης σε παράγραφο με HTML/CSS


"Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit..."
"There is no one who loves pain itself, who seeks after it and wants to have it, simply because it is pain..."

Πως έχω έγχρωμη λέξη ή φράση σε παράγραφο με HTML/CSS



Διαβάστε για το πως φτιάχνω προσαρμοσμένου μεγέθους h1, h2 κλπ επικεφαλίδες με CSS(είναι καλό για Google)
Licensed under a Creative Commons Attribution Non Commercial Licence