#4A7683 Θαλασσινός Ορίζοντας

    Δημιουργήστε κωδικούς χρωμάτων, παραλλαγές, αρμονίες και ελέγξτε τις αναλογίες αντίθεσης.

    Μετατροπή χρώματος

    HEX

    #4a7683

    HEX
    #4a7683
    HSL
    194, 28, 40
    RGB
    74, 118, 131
    XYZ
    13, 16, 24
    CMYK
    44, 10, 0, 49
    LUV
    47,-13,-11
    LAB
    47, -12, -12
    HWB
    194, 29, 49

    Παραλλαγές

    Ο σκοπός αυτής της ενότητας είναι να παραχθούν με ακρίβεια αποχρώσεις (προσθήκη καθαρού λευκού) και σκιάσεις (προσθήκη καθαρού μαύρου) του επιλεγμένου χρώματός σας σε αυξήσεις 10%.

    Επαγγελματική Συμβουλή: Χρησιμοποιήστε σκιάσεις για καταστάσεις hover και σκιές, αποχρώσεις για highlights και φόντα.

    Σκιάσεις

    Σκούρες παραλλαγές που δημιουργούνται με την προσθήκη μαύρου στο βασικό σας χρώμα.

    Αποχρώσεις

    Ανοιχτές παραλλαγές που δημιουργούνται με την προσθήκη λευκού στο βασικό σας χρώμα.

    Συνηθισμένες Χρήσεις

    • Καταστάσεις στοιχείων UI (hover, ενεργό, απενεργοποιημένο)
    • Δημιουργία βάθους με σκιές και highlights
    • Δημιουργία συνεκτικών συστημάτων χρωμάτων

    Συμβουλή Συστήματος Σχεδίασης

    Αυτές οι παραλλαγές αποτελούν τη βάση μιας συνεκτικής παλέτας χρωμάτων. Εξάγετέ τις για να διατηρήσετε τη συνέπεια σε ολόκληρο το έργο σας.

    Συνδυασμοί χρωμάτων

    Κάθε αρμονία έχει τη δική της διάθεση. Χρησιμοποιήστε αρμονίες για να σκεφτείτε συνδυασμούς χρωμάτων που ταιριάζουν καλά μεταξύ τους.

    Πώς να Χρησιμοποιήσετε

    Κάντε κλικ σε οποιοδήποτε χρώμα για να αντιγράψετε την τιμή του hex. Αυτοί οι συνδυασμοί είναι μαθηματικά αποδεδειγμένοι για να δημιουργούν οπτική αρμονία.

    Γιατί Έχει Σημασία

    Οι αρμονίες χρωμάτων δημιουργούν ισορροπία και προκαλούν συγκεκριμένα συναισθήματα στα σχέδιά σας.

    Συμπλήρωμα

    Ένα χρώμα και το αντίθετό του στον χρωματικό κύκλο, +180 μοίρες απόχρωσης. Υψηλή αντίθεση.

    #4a7683
    Καλύτερο για: Σχέδια υψηλής επίδρασης, CTAs, λογότυπα

    Διαχωρισμένο συμπληρωματικό

    Ένα χρώμα και δύο παρακείμενα στο συμπλήρωμά του, +/-30 μοίρες απόχρωσης από την τιμή απέναντι από το κύριο χρώμα. Τολμηρό όπως ένα ευθύ συμπλήρωμα, αλλά πιο ευέλικτο.

    Καλύτερο για: Ζωντανές αλλά ισορροπημένες διατάξεις

    Τριαδικό

    Τρία χρώματα τοποθετημένα ομοιόμορφα στον χρωματικό κύκλο, το καθένα 120 μοίρες απόχρωσης μακριά. Καλύτερα να επιτρέπεται σε ένα χρώμα να κυριαρχεί και να χρησιμοποιούνται τα άλλα ως τόνους.

    Καλύτερο για: Παιχνιδιάρικα, ενεργητικά σχέδια

    Ανάλογο

    Τρία χρώματα της ίδιας φωτεινότητας και κορεσμού με αποχρώσεις που είναι παρακείμενες στον χρωματικό κύκλο, 30 μοίρες μακριά. Ομαλές μεταβάσεις.

    Καλύτερο για: Εμπνευσμένα από τη φύση, χαλαρωτικά περιβάλλοντα

    Μονοχρωματικό

    Τρία χρώματα της ίδιας απόχρωσης με τιμές φωτεινότητας +/-50%. Λεπτό και εκλεπτυσμένο.

    Καλύτερο για: Μινιμαλιστικά, εκλεπτυσμένα σχέδια

    Τετραδικό

    Δύο σετ συμπληρωματικών χρωμάτων, χωρισμένα κατά 60 μοίρες απόχρωσης.

    Καλύτερο για: Πλούσια, ποικίλα χρωματικά σχήματα

    Αρχές θεωρίας χρωμάτων

    Ισορροπία

    Χρησιμοποίησε ένα κυρίαρχο χρώμα, υποστήριξε με δευτερεύοντα και τόνισε με φειδώ.

    Αντίθεση

    Εξασφάλισε επαρκή αντίθεση για αναγνωσιμότητα και προσβασιμότητα.

    Αρμονία

    Τα χρώματα πρέπει να συνεργάζονται για να δημιουργήσουν μια ενιαία οπτική εμπειρία.

    Ελεγκτής Αντίθεσης Χρωμάτων

    Δοκίμασε συνδυασμούς χρωμάτων για να διασφαλίσεις ότι πληρούν τα πρότυπα προσβασιμότητας WCAG για την αναγνωσιμότητα του κειμένου.

    Χρώμα Κειμένου
    Χρώμα Φόντου
    Αντίθεση
    1.00
    Fail
    Πολύ κακή
    Μικρό κείμενο
    ✖︎
    Μεγάλο κείμενο
    ✖︎
    Πρότυπα WCAG
    AA:Ελάχιστη αναλογία αντίθεσης 4.5:1 για κανονικό κείμενο και 3:1 για μεγάλο κείμενο. Απαιτείται για τις περισσότερες ιστοσελίδες.
    AAA:Ενισχυμένη αναλογία αντίθεσης 7:1 για κανονικό κείμενο και 4.5:1 για μεγάλο κείμενο. Συνιστάται για βέλτιστη προσβασιμότητα.
    Ανεπαρκής αντίθεση για όλα τα μεγέθη κειμένου - αποτυγχάνει στα πρότυπα WCAG.

    Προηγμένος έλεγχος αντίθεσης

    Λεπτομερής ρύθμιση με ρυθμιστικά, πολλαπλές προεπισκοπήσεις & περισσότερα

    Όλοι είναι ιδιοφυΐες. Αλλά αν κρίνεις ένα ψάρι από την ικανότητά του να σκαρφαλώνει δέντρα, θα περάσει όλη του τη ζωή πιστεύοντας ότι είναι ανόητο.

    - Albert Einstein

    Τεχνικές μορφές

    Πρακτικές Μορφές

    Ανάλυση χρώματος

    Προσομοιωτής τύφλωσης

    Δημιουργικές πτυχές

    Συχνές ερωτήσεις

    Τι χρώμα είναι το #4A7683;
    #4A7683 είναι το Θαλασσινός Ορίζοντας – Αυτό το χρώμα μας μεταφέρει σε ήρεμες θάλασσες κατά τη διάρκεια του δειλινού, όπου οι αποχρώσεις του γαλάζιου και του πράσινου συγχωνεύονται σε μια αρμονική συμφωνία. Εμπνέει αίσθηση ηρεμίας και γαλήνης, καθώς και μια βαθιά σύνδεση με τη φύση.
    Τι συμβολίζει το Θαλασσινός Ορίζοντας;
    εξισορρόπηση, φύση, ηρεμία, πνευματικότητα, ανάκαμψη. Σε πολλές πολιτιστικές παραδόσεις, αυτό το χρώμα συνδέεται με το νερό και τη ζωή, συμβολίζοντας την καθαρότητα και τη γαλήνη. Στην αρχαία ελληνική τέχνη, τα θαλασσινά χρώματα χρησιμοποιούνταν για να απεικονίσουν θεότητες των θαλασσών.
    Πού χρησιμοποιείται το Θαλασσινός Ορίζοντας στο σχεδιασμό;
    Δημιουργεί μια αίσθηση ηρεμίας και ασφάλειας στους θεατές.
    Πώς επηρεάζει το Θαλασσινός Ορίζοντας τη διάθεση;
    ήρεμος και γαλήνιος colorCode.seoFaqMoodTraits
    Ποια είναι η ιστορία του Θαλασσινός Ορίζοντας;
    Το χρώμα #4A7683 έχει τις ρίζες του στη φυσική παλέτα της θάλασσας και των δασών, που έχουν εμπνεύσει τους καλλιτέχνες και τους διακοσμητές για αιώνες. Στην αρχαία ελληνική τέχνη, οι θαλασσινές αποχρώσεις χρησιμοποιούνταν για να αποδώσουν την ομορφιά της φύσης και τη σύνδεση του ανθρώπου με το περιβάλλον.
    Είναι το Θαλασσινός Ορίζοντας προσβάσιμο;
    colorCode.seoFaqAccessibilityAnswer Περνά το WCAG AA για κανονικό και μεγάλο κείμενο.