Βοηθός χρωμάτων για συγγραφή HTML και CSS. Με πληκτρολόγηση οποιουδήποτε χρώματος ως #3498db, rgb(52,152,219), hsl(204,70%,53%) ή ως όνομα CSS όπως dodgerblue, και η καρτέλα Μετατροπή εμφανίζει αμέσως κάθε ισοδύναμη μορφή, έτοιμες προς επικόλληση δηλώσεις CSS και πρόταση μπροστινού χρώματος μαύρο/λευκό. Η καρτέλα Ονομασμένα απαριθμεί και τις 148 λέξεις-κλειδιά χρωμάτων CSS, συμπεριλαμβανομένου του rebeccapurple (με αναζήτηση, κλικ για αντιγραφή), και το Web Safe προσφέρει την κλασική παλέτα 216 χρωμάτων. Όλα εκτελούνται τοπικά — χωρίς μεταφόρτωση, χωρίς διακομιστή. Το εργαλείο είναι προσανατολισμένο σε κώδικα· για εργασία σχεδίασης (παλέτες, διαβαθμίσεις, αντίθεση, μίξη) βλ. επίσης τον Επιλογέα χρωμάτων.
Λειτουργία:
Επιλογή ή πληκτρολόγηση χρώματος - τα ισοδύναμα και τα αποσπάσματα CSS ενημερώνονται ζωντανά.
Αυτά τα χρώματα εμφανίζονται χωρίς dithering στις κλασικές οθόνες 256 χρωμάτων.
Πώς σχετίζονται οι μορφές:#3498db == rgb(52, 152, 219) == hsl(204, 70%, 53%). Η απόχρωση HSL είναι σε μοίρες (0-360), ο κορεσμός και η φωτεινότητα σε ποσοστά. Η άλφα (#RRGGBBAA, rgba(), hsla()) αναλύεται και μεταφέρεται σε κάθε έξοδο. Τα ονόματα λέξεων-κλειδιών CSS ταιριάζουν πρώτα ακριβώς· όταν δεν ταιριάζει καμία λέξη-κλειδί, προτείνεται η πλησιέστερη από τις 148 ως σχεδιαστική υπόδειξη.
Τι είναι ένας χρωματικός κωδικός CSS;
Ένας χρωματικός κωδικός CSS είναι η αριθμητική συνταγή για ένα χρώμα στην οθόνη: πόσο κόκκινο, πράσινο και μπλε φως πρέπει να αναμειχθεί. Κάθε σημειογραφία — το εξαψήφιο hex όπως #3498db, το συναρτησιακό rgb(52, 152, 219), το hsl(204, 70%, 53%) και οι 148 προκαθορισμένες λέξεις-κλειδιά — αναλύεται στην ίδια τιμή sRGB 24 bit. Το hex και το rgb() δηλώνουν τα κανάλια άμεσα, ενώ το hsl() περιγράφει το χρώμα ως γωνία στον χρωματικό τροχό μαζί με κορεσμό και φωτεινότητα, κάτι που συχνά είναι ευκολότερο να εξεταστεί κατά τη ρύθμιση αποχρώσεων.
Τα 256 επίπεδα ανά κανάλι δίνουν 16 777 216 διευθυνσιοδοτούμενα χρώματα· οι μορφές 8 ψηφίων (#RRGGBBAA, rgba(), hsla()) απλώς προσθέτουν μια τιμή άλφα (αδιαφάνεια) στο ίδιο χρώμα.