Palety kolorów

Kolor niebieski

To jeden z trzech kolorów światła na ekranach, obok czerwonego i zielonego. Daje poczucie spokoju, zaufania i porządku. To kolor najczęściej używany w logo banków, firm technologicznych i mediów społecznościowych.

Inne nazwy: błękit.

Niebieski · #0000FF

Kolor niebieski: podstawowe informacje

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

Kolor niebieski: odcienie jasne i ciemne

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

Kolory pasujące do koloru niebieski

BiałyŚwieżo i czysto, jak morze i chmury.PomarańczowyJego kolor dopełniający, dla maksymalnego kontrastu.SzaryDyskretnie i profesjonalnie.ŻółtyRadośnie i jasno.BeżowyCiepło i równowaga.RóżowySłodki, nowoczesny kontrast.KawowyKlasyczne, naturalne połączenie.ZielonyJego naturalny sąsiad, świeży i spokojny.
Jak łączyć kolor niebieski w ubraniach i wnętrzach →

Kolor niebieski: harmonie kolorów

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

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

Kolor niebieski: gotowe palety

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

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

Kolor niebieski: kontrast z tekstem

Biały tekstKontrast 8.6:1 · AAA
Czarny tekstKontrast 2.4:1 · Niezalecany

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

Kod CSS

:root {
  --niebieski: #0000FF;
  --niebieski-rgb: 0, 0, 255;
}
.tlo { background-color: var(--niebieski); }
.tekst { color: var(--niebieski); }

Kolory podobne do koloru niebieski

FioletowyCiemnofioletowyCiemnoniebieskiUltramarynaGranatowyMagentaBłękit KleinaWinogronowyIndygoElektryczny niebieski

Inne odcienie niebieskiego

GranatowyBłękitnyKobaltowySzafirowyStalowoniebieskiKrólewski niebieskiElektryczny niebieskiNocny błękitUltramarynaNiebieski francuskiBłękit pruskiPastelowy niebieskiBaby blueDżinsowyBłękit KleinaCiemnoniebieskiJasnoniebieskiLazurowy

Najczęściej zadawane pytania

Jaki jest kod koloru niebieski?

Kod HEX koloru niebieski to #0000FF. W RGB to rgb(0, 0, 255), w HSL hsl(240, 100%, 50%), a w CMYK 100, 100, 0, 0.

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

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

Tak. Kontrast z białym wynosi 8.6:1, co wystarcza dla zwykłego tekstu (WCAG AA).

Jakie kolory pasują do koloru niebieski?

Dobrze pasuje do: biały, pomarańczowy, szary, żółty, beżowy. Unikaj mieszania zbyt wielu bardzo różnych niebieskich bez neutralnego koloru, bo wyglądają chaotycznie. Z intensywnymi fioletami niebieski traci wyrazistość.