Κώδικες χρώματος HTML και μετατροπή RGB σε δεκαεξαδικό

Διαφημίσεις

Όταν Ι ξανασχεδιασμένος το blog μου, θέλησα το μου Adsense μονάδα για να συγχωνεύσει κατάλληλα με το υπόβαθρο του θέματος. Το προηγούμενο θέμα μου είχε το άσπρο υπόβαθρο, έτσι δεν ήταν ποτέ ένα πρόβλημα για να ενσωματώσει τις αγγελίες. Η πλαϊνή μπάρα του νέου θέματός μου έχει ένα μοναδικό χρώμα και θέλησα το υπόβαθρο της μονάδας Adsense μου για να έχω το ίδιο χρώμα. Η οργάνωση Adsense έχει μόνο μια μικρή συλλογή των χρωμάτων (αν και μπορούμε με το χέρι να εισαγάγουμε τα χρώματα). Δεν είχα Photoshop ή GIMP εγκατήστησε στο σύστημά μου (υπολογιστής γραφείων από όπου Ι blog). Τώρα η ερώτηση είναι πώς να πάρει το σωστό κώδικα χρώματος όταν δεν έχετε οποιουσδήποτε συντάκτες εικόνων;

Αυτό είναι αρκετά απλό! Πήρα την οθόνη που πυροβολήθηκε του blog μου και που κολλήθηκε στο χρώμα. Χρησιμοποιώντας τη συλλεκτική μηχανή χρώματος, επέλεξα το χρώμα της πλαϊνής μπάρας μου. Τώρα χρωματίστε το χρώμα επιδείξεων με το RGB σχήμα και το θέλησα με το δεκαεξαδικό σχήμα. Το χρώμα μου ήταν RGB (216, 217, 198). Οι κώδικες χρωμάτων HTML αποτελούνται από 3 σύνολα αριθμών δεκαεξαδικού, ένας για το κόκκινο, ένα για πράσινο, και ένα για το μπλε και για να πάρει τον κώδικα χρώματος με το δεκαεξαδικό σχήμα είναι πολύ απλό.

Εδώ ο υπολογιστής που έρχεται με τα παράθυρα είναι πρακτικός, να μετατρέψει μεταξύ των τιμών δεκαδικών και δεκαεξαδικού. Ανοίξτε τον υπολογιστή και επιλέξτε την άποψη και έπειτα επιστημονικός. Μόλις κάνετε αυτό, θα δείτε τα περισσότερους κουμπιά και ελέγχους στον υπολογιστή. Χτυπήστε «το Δεκέμβριο» και το κλειδί σε έναν αριθμό (ο αριθμός που είναι συγκεκριμένος για το κόκκινο). Τώρα χτυπήστε «το δεκαεξαδικό» και θα μετατρέψει τον αριθμό στο δεκαεξαδικό. Για να μετατρέψετε από το δεκαεξαδικό μέχρι τον τον Δεκέμβριο, χτυπήστε «στο δεκαεξαδικό», κλειδώστε στον αριθμό, και χτυπήστε έπειτα «το Δεκέμβριο». Μερικές φορές θα πάρετε μια προδιαγραφή χρώματος στο δεκαδικό, παραδείγματος χάριν (128, 30, 80) και μπορείτε να χρησιμοποιήσετε αυτήν την μέθοδο για να την μετατρέψετε στο δεκαεξαδικό (80, 1E, 50) που θα εμοίαζε με αυτό για το χρώμα #801E50 HTML σας. (ΟΜΠ: Μην κλειδώστε σε όλους τους τρεις αριθμούς και μετατρέψτε σε δεκαεξαδικό, αυτό θα έδινε έναν διαφορετικό συνδυασμό) που το δεκαδικό μέρος για ένα χρώμα ποικίλλει από 0-255 και μπορούμε να έχουμε τους διαφορετικούς συνδυασμούς με την ποικιλία αυτού του RGB συνδυασμού.

Εδώ είναι μερικά από τα κοινά χρώματα και τους δεκαδικούς και δεκαεξαδικούς κώδικές τους.

000000 είναι μαύρα (0's και για τα τρία χρώματα)
FFFFFF είναι άσπρο (255's και για τα τρία χρώματα)
FF0000 είναι όλο το ΚΌΚΚΙΝΟ (255 για το κόκκινο, το μπλε 0 πράσινα, 0)
00FF00 είναι όλο το ΠΡΆΣΙΝΟ (κόκκινο 0, μπλε 255 πράσινα, 0)
0000FF is all Blue (0 red, 0 green, 255 blue)
FFFF00 is Yellow (255 red, 255 green, and 0 blue)
808080 is a gray (128 red, 128 green, and 125 blue)

Next time when you face this issue, try our this method. There is a small software (62 kb), Pixie, which will tell you the Hex, RGB, HTML, CMYK and HSV values of any color.

Technorati tags: , ,

Share this Post

stumbleupon-48�48.png digg-48�48.png technorati-48�48.png feeds-48�48.png delicious-48�48.png

Comments

  • Rishi said:

    Hey thanks! I was searching a reference for this from a long time. :)

  • Silki said:

    Hi Nirmal,
    I think there is a very simple tool called “Color Cop” available exactly for the same purpose. You can download it at http://www.colorcop.net. It will not take more than 5 seconds (yes 5 seconds) to determine the hex colour code of any pixel on your screen. The use is extremely easy.
    I am a total new entrant to the blogosphere and had just shot off my blog webtools-desinet1.blogspot.com. I have not even finished its template part.
    I would love to hear from you.

  • nirmaltv said:

    @Rishi,
    Thanks for your feedback, hope it was useful for you.

    @Silki,
    Thanks for letting me know about the software. I have also mentioned about another software Pixie, which can convert to all formats.


Add a comment

Translate Page

Translate to EnglishÜbersetzen Sie zum Deutsch/GermanПереведите к русскому/RussianΜεταφράστε στα ελληνικά/GreekVertaal aan het Nederlands/Dutchترجمة الى العربية/Arabic中文翻译/Chinese Traditional
中文翻译/Chinese Simplified한국어에게 번역하십시오/Korean日本語に翻訳しなさい /JapaneseTraduza ao Português/PortugueseTraduca ad Italiano/ItalianTraduisez au Français/FrenchTraduzca al Español/Spanish
Nirmal is a Software Engineer and Technology Blogger. He is a Microsoft Most Valuable Professional in Windows Desktop Experience.