Palety kolorów

Kolor czerwony

Czysta czerwień ekranu: kanał czerwony na maksimum, bez zieleni i błękitu. Przyciąga wzrok szybciej niż jakikolwiek inny kolor, dlatego używa się go w ostrzeżeniach, promocjach i przyciskach akcji. W nadmiarze męczy oczy, więc zwykle stosuje się go w małych dawkach.

Inne nazwy: czerwień.

Czerwony · #FF0000

Kolor czerwony: podstawowe informacje

Kolor czerwony (#FF0000) jest ciepły, o średniej jasności i bardzo nasycony. Należy do grupy: odcienie czerwieni. Składa się z 255 czerwieni, 0 zieleni i 0 niebieskiego (w skali do 255). Typowe zastosowania: Logo, Oznakowanie, Moda, Web.

Kolor czerwony: odcienie jasne i ciemne

Od najjaśniejszego do najciemniejszego. Kliknij odcień, żeby skopiować jego kod.

Kolory pasujące do koloru czerwony

CzarnyMocny, elegancki duet.BiałyŚwieżo i radośnie.GranatowyMarynarski klasyk.SzaryWycisza czerwień i tonuje ją.BeżowyCiepła, elegancka baza.ZłotyLuksus i świętowanie.CamelCiepły, wyrafinowany kontrast.Pudrowy różŁagodny, modny kontrast.
Jak łączyć kolor czerwony w ubraniach i wnętrzach →

Kolor czerwony: harmonie kolorów

Połączenia oparte na kole barw. Więcej w narzędziu harmonie kolorów.

DopełniającyZbliżony do: Cyjan
AnalogiczneZbliżony do: Głęboki róż, Pomarańczowy
TriadaZbliżony do: Neonowy zielony, Niebieski
Dopełnienie rozszczepioneZbliżony do: Miętowy, Elektryczny niebieski
TetradaZbliżony do: Chartreuse, Cyjan, Fioletowy

Kolor czerwony: gotowe palety

Skopiuj kody albo otwórz paletę w edytorze, żeby ją dopasować.

Paleta monochromatyczna · Czerwony
Paleta analogiczna · Czerwony
Paleta dopełniająca · Czerwony
Paleta triada · Czerwony
Paleta z neutralnymi · Czerwony
Paleta z akcentem · Czerwony

Kolor czerwony: kontrast z tekstem

Biały tekstKontrast 4.0:1 · AA duży tekst
Czarny tekstKontrast 5.3:1 · AA

Według wytycznych WCAG 2.1. Inne pary sprawdzisz w narzędziu do sprawdzania kontrastu.

Kod CSS

:root {
  --czerwony: #FF0000;
  --czerwony-rgb: 255, 0, 0;
}
.tlo { background-color: var(--czerwony); }
.tekst { color: var(--czerwony); }

Kolory podobne do koloru czerwony

SzkarłatnyCzerwień FerrariCzerwonopomarańczowyNeonowy pomarańczowyCynobrowyWiśniowyPomidorowyMahoniowyDyniowyKarmazynowy

Inne odcienie czerwieni

KarmazynowySzkarłatnyCynobrowyCiemnoczerwonyBurgundowyBordowyKarminowyRubinowyWiśniowyCeglastyKrwistoczerwonyMarsalaPomidorowyCzerwień FerrariIndyjska czerwień

Najczęściej zadawane pytania

Jaki jest kod koloru czerwony?

Kod HEX koloru czerwony to #FF0000. W RGB to rgb(255, 0, 0), w HSL hsl(0, 100%, 50%), a w CMYK 0, 100, 100, 0.

Jaki kolor jest dopełniający dla koloru czerwony?

Kolorem dopełniającym na kole barw jest #00FFFF, odcień zbliżony do koloru: cyjan. Użyty w małych ilościach służy jako akcent i daje duży kontrast.

Czy biały tekst jest czytelny na tle w kolorze czerwony?

Lepiej użyj czarnego tekstu: kontrast z białym to tylko 4.0:1, a z czarnym 5.3:1.

Jakie kolory pasują do koloru czerwony?

Dobrze pasuje do: czarny, biały, granatowy, szary, beżowy. Unikaj łączenia go z jaskrawą zielenią, bo wygląda to świątecznie, lub z intensywnym pomarańczem, bo to za dużo. Duże powierzchnie czerwieni męczą.