Palety kolorów

Kolor żółty

To najjaśniejszy kolor koła barw i pierwszy, który dostrzega oko. Kojarzy się ze słońcem, latem i ostrożnością. Dlatego widać go na taksówkach, znakach drogowych i w markach, które chcą wyglądać optymistycznie.

Inne nazwy: żółć.

Żółty · #FFFF00

Kolor żółty: podstawowe informacje

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

Kolor żółty: odcienie jasne i ciemne

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

Kolory pasujące do koloru żółty

SzaryNowoczesny, zrównoważony klasyk.GranatowyMocny, elegancki kontrast.BiałyŚwieżo i jasno.CzarnyMaksymalny kontrast, bardzo graficzny.FioletowyJego kolor dopełniający, wibrujący i odważny.ZielonyNaturalne, radosne połączenie.BłękitnyWiosenny duet.BeżowyMiękka, ciepła baza.
Jak łączyć kolor żółty w ubraniach i wnętrzach →

Kolor żółty: harmonie kolorów

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

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

Kolor żółty: gotowe palety

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

Paleta monochromatyczna · Żółty
Paleta analogiczna · Żółty
Paleta dopełniająca · Żółty
Paleta triada · Żółty
Paleta z neutralnymi · Żółty
Paleta z akcentem · Żółty

Kolor żółty: kontrast z tekstem

Biały tekstKontrast 1.1:1 · Niezalecany
Czarny tekstKontrast 19.6:1 · AAA

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

Kod CSS

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

Kolory podobne do koloru żółty

CytrynowyKanarkowyFluorescencyjny żółtyZłotyLimonkowyKukurydzianySłonecznikowySzafranowyBursztynowyJabłkowy

Inne odcienie żółci

ZłotyStare złotoMusztardowyCytrynowyBursztynowyPszenicznyMiodowyKanarkowySzafranowySzampańskiPastelowy żółtyFluorescencyjny żółtyKukurydzianySłonecznikowy

Najczęściej zadawane pytania

Jaki jest kod koloru żółty?

Kod HEX koloru żółty to #FFFF00. W RGB to rgb(255, 255, 0), w HSL hsl(60, 100%, 50%), a w CMYK 0, 0, 100, 0.

Jaki kolor jest dopełniający dla koloru żółty?

Kolorem dopełniającym na kole barw jest #0000FF, odcień zbliżony do koloru: 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 żółty?

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

Jakie kolory pasują do koloru żółty?

Dobrze pasuje do: szary, granatowy, biały, czarny, fioletowy. Unikaj łączenia go jednocześnie z intensywnym pomarańczem i czerwienią, bo look staje się krzykliwy. Żółty tekst na czystej bieli jest bardzo trudny do odczytania.