Χρωματικές παλέτες

Χρώμα κόκκινο

Το καθαρό κόκκινο της οθόνης: το κόκκινο κανάλι στο μέγιστο, χωρίς πράσινο και μπλε. Τραβάει την προσοχή πιο γρήγορα από κάθε άλλο χρώμα. Γι’ αυτό το βλέπεις σε προειδοποιήσεις, προσφορές και κουμπιά δράσης. Σε μεγάλη ποσότητα κουράζει το μάτι, οπότε μπαίνει συνήθως σε μικρές δόσεις.

Άλλα ονόματα: ερυθρό.

Κόκκινο · #FF0000

Το χρώμα κόκκινο με μια ματιά

Το χρώμα κόκκινο (#FF0000) είναι θερμό, μέσης φωτεινότητας και πολύ έντονο. Ανήκει στην ομάδα αποχρώσεις του κόκκινου. Αποτελείται από 255 μέρη κόκκινο, 0 πράσινο και 0 μπλε (στα 255). Συνήθεις χρήσεις: Λογότυπα, Σήμανση, Μόδα, Ιστοσελίδες.

Αποχρώσεις του χρώματος κόκκινο: ανοιχτές και σκούρες

Από την πιο ανοιχτή ως την πιο σκούρα. Πάτησε μια απόχρωση για να αντιγράψεις τον κωδικό της.

Δες όλες τις αποχρώσεις: Γεννήτρια αποχρώσεων χρώματος

Χρώματα που ταιριάζουν με το κόκκινο

ΜαύροΔυνατό, κομψό δίδυμο.ΛευκόΔροσερό και χαρούμενο.Μπλε μαρένΝαυτική κλασική επιλογή.ΓκριΗρεμεί το κόκκινο και το χαμηλώνει.ΜπεζΖεστή, κομψή βάση.ΧρυσόΠολυτέλεια και γιορτή.ΚάμελΖεστή, εκλεπτυσμένη αντίθεση.Σάπιο μήλοΑπαλή αντίθεση της μόδας.
Πώς να συνδυάσεις το κόκκινο στα ρούχα και στη διακόσμηση →

Αρμονίες του χρώματος κόκκινο

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

ΣυμπληρωματικήΚοντά σε: Κυανό
ΑνάλογηΚοντά σε: Έντονο ροζ, Πορτοκαλί
ΤριαδικήΚοντά σε: Πράσινο νέον, Μπλε
Διχασμένη συμπληρωματικήΚοντά σε: Πράσινο μέντας, Ηλεκτρίκ μπλε
ΤετραδικήΚοντά σε: Σαρτρέζ, Κυανό, Βιολετί

Παλέτες με το χρώμα κόκκινο

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

Παλέτα: Μονοχρωματική · Κόκκινο
Παλέτα: Ανάλογη · Κόκκινο
Παλέτα: Συμπληρωματική · Κόκκινο
Παλέτα: Τριαδική · Κόκκινο
Παλέτα: Με ουδέτερα · Κόκκινο
Παλέτα: Με τόνο έμφασης · Κόκκινο

Αντίθεση του χρώματος κόκκινο με κείμενο

Λευκό κείμενοΑντίθεση 4.0:1 · AA μεγάλο κείμενο
Μαύρο κείμενοΑντίθεση 5.3:1 · AA

Σύμφωνα με τους κανόνες WCAG 2.1. Έλεγξε κι άλλους συνδυασμούς στον έλεγχο αντίθεσης.

Κώδικας CSS

:root {
  --kokkino: #FF0000;
  --kokkino-rgb: 255, 0, 0;
}
.fonto { background-color: var(--kokkino); }
.keimeno { color: var(--kokkino); }

Χρώματα παρόμοια με το κόκκινο

ΆλικοΚόκκινο FerrariΚοκκινοπορτοκαλίΠορτοκαλί νέονΚιννάβαριΚερασίΚόκκινο ντομάταςΜαόνιΚολοκυθίΚρεμεζί

Περισσότερα: αποχρώσεις του κόκκινου

ΚρεμεζίΆλικοΚιννάβαριΓκρενάΜπορντόΒυσσινίΚαρμίνιοΡουμπινίΚερασίΚεραμιδίΚόκκινο του αίματοςΜαρσάλαΚόκκινο ντομάταςΚόκκινο FerrariΙνδικό κόκκινο

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

Ποιος είναι ο κωδικός του χρώματος κόκκινο;

Ο κωδικός HEX του χρώματος κόκκινο είναι #FF0000. Σε RGB είναι rgb(255, 0, 0), σε HSL hsl(0, 100%, 50%) και σε CMYK 0, 100, 100, 0.

Ποιο είναι το συμπληρωματικό χρώμα του κόκκινο;

Το συμπληρωματικό του στον χρωματικό κύκλο είναι το #00FFFF, μια απόχρωση κοντά στο κυανό. Σε μικρή ποσότητα λειτουργεί ως τόνος έμφασης και δίνει έντονη αντίθεση.

Μπορώ να βάλω λευκό κείμενο πάνω στο κόκκινο;

Καλύτερα να βάλεις μαύρο κείμενο: η αντίθεση με το λευκό είναι μόνο 4.0:1, ενώ με το μαύρο 5.3:1.

Με ποια χρώματα ταιριάζει το κόκκινο;

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