Palety kolorów

Kolor pomarańczowy

Nazwę wziął od owocu, który trafił do Europy z Azji. Łączy energię czerwieni z radością żółci. Często widać go na kamizelkach odblaskowych, w promocjach i markach, które chcą wydawać się przyjazne.

Inne nazwy: oranż, pomarańcz.

Pomarańczowy · #FF8000

Kolor pomarańczowy: podstawowe informacje

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

Kolor pomarańczowy: odcienie jasne i ciemne

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

Kolory pasujące do koloru pomarańczowy

GranatowyJego ciemne dopełnienie: mocny, elegancki kontrast.BiałyŚwieżo i radośnie.SzaryWycisza pomarańcz i czyni go nowoczesnym.KawowyCiepła jesienna paleta.OliwkowyNaturalne połączenie w stylu retro.FioletowyOdważny, kreatywny kontrast.TurkusowyTropikalny duet pełen życia.BeżowyMiękka, ciepła baza.
Jak łączyć kolor pomarańczowy w ubraniach i wnętrzach →

Kolor pomarańczowy: harmonie kolorów

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

DopełniającyZbliżony do: Elektryczny niebieski
AnalogiczneZbliżony do: Czerwony, Żółty
TriadaZbliżony do: Miętowy, Fioletowy
Dopełnienie rozszczepioneZbliżony do: Cyjan, Niebieski
TetradaZbliżony do: Neonowy zielony, Elektryczny niebieski, Magenta

Kolor pomarańczowy: gotowe palety

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

Paleta monochromatyczna · Pomarańczowy
Paleta analogiczna · Pomarańczowy
Paleta dopełniająca · Pomarańczowy
Paleta triada · Pomarańczowy
Paleta z neutralnymi · Pomarańczowy
Paleta z akcentem · Pomarańczowy

Kolor pomarańczowy: kontrast z tekstem

Biały tekstKontrast 2.5:1 · Niezalecany
Czarny tekstKontrast 8.3:1 · AAA

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

Kod CSS

:root {
  --pomaranczowy: #FF8000;
  --pomaranczowy-rgb: 255, 128, 0;
}
.tlo { background-color: var(--pomaranczowy); }
.tekst { color: var(--pomaranczowy); }

Kolory podobne do koloru pomarańczowy

MandarynkowyDyniowyMarchewkowyNeonowy pomarańczowyPalony pomarańczowyCynamonowyOchraKoralowyCzerwonopomarańczowyMahoniowy

Palety tematyczne z tym kolorem

Palety kolorów do aplikacji mobilnejPalety kolorów na HalloweenPalety kolorów Día de MuertosPalety radosnych kolorów

Inne odcienie pomarańczowego

MandarynkowyDyniowyMarchewkowyMorelowyBrzoskwiniowyKoralowyTerakotaPalony pomarańczowyŁososiowyRdzawyMiedzianyNeonowy pomarańczowyPastelowy pomarańczowyCzerwonopomarańczowy

Najczęściej zadawane pytania

Jaki jest kod koloru pomarańczowy?

Kod HEX koloru pomarańczowy to #FF8000. W RGB to rgb(255, 128, 0), w HSL hsl(30, 100%, 50%), a w CMYK 0, 50, 100, 0.

Jaki kolor jest dopełniający dla koloru pomarańczowy?

Kolorem dopełniającym na kole barw jest #007FFF, odcień zbliżony do koloru: elektryczny niebieski. 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 pomarańczowy?

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

Jakie kolory pasują do koloru pomarańczowy?

Dobrze pasuje do: granatowy, biały, szary, kawowy, oliwkowy. Unikaj łączenia go z czerwienią lub ostrym różem bez neutralnych kolorów, bo look staje się krzykliwy. Z jaskrawą żółcią może być go za dużo.