Palety kolorów

Kolor azurowy

Jasny, żywy niebieski pomiędzy czystym błękitem a cyjanem, jak bezchmurne niebo w słoneczny dzień. Nazwa przez arabski wywodzi się od perskiego słowa oznaczającego lapis lazuli. Świetnie sprawdza się w webdesignie i letnich kampaniach.

Inne nazwy: azur, błękit azurowy.

Otwórz w edytorze

Kod HEX koloru azurowy to #007FFF. W RGB to rgb(0, 127, 255), w HSL hsl(210, 100%, 50%), a w CMYK 100, 50, 0, 0.

Zobacz w praktyce

Wybierz kolor do połączenia i zobacz, jak wygląda na ubraniach, we wnętrzu i w projekcie.

Kolory podobne do koloru azurowy

Elektryczny niebieski#2C75FFKrólewski niebieski#4169E1Szafirowy#0F52BADżinsowy#1560BDŁupkowy niebieski#6A5ACDChabrowy#6495ED

Kolor azurowy: podstawowe informacje

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

Próbka koloru Azurowy z odcieniami od jasnego do ciemnego · #007FFF
Azurowy · #007FFF

Kolor azurowy: odcienie jasne i ciemne

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

Zobacz wszystkie odcienie: Generator odcieni kolorów

Kolor azurowy: harmonie kolorów

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

DopełniającyZbliżony do: Pomarańczowy
AnalogiczneZbliżony do: Cyjan, Niebieski
TriadaZbliżony do: Głęboki róż, Chartreuse
Dopełnienie rozszczepioneZbliżony do: Czerwony, Żółty
TetradaZbliżony do: Magenta, Pomarańczowy, Neonowy zielony

Kolor azurowy: gotowe palety

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

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

Kolor azurowy: kontrast z tekstem

Biały tekstKontrast 3.8:1 · AA duży tekst
Czarny tekstKontrast 5.5:1 · AA

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

Kod CSS

:root {
  --azurowy: #007FFF;
  --azurowy-rgb: 0, 127, 255;
}
.tlo { background-color: var(--azurowy); }
.tekst { color: var(--azurowy); }

Kolory podobne do koloru azurowy

KobaltowyNiebieski francuskiAmetystowyBłękit Kleina

Gdzie zobaczysz ten kolor

GoogleMarkiFacebookMarki

Palety tematyczne z tym kolorem

Palety kolorów Día de MuertosPalety radosnych kolorówProfesjonalne palety kolorów firmowych

Inne odcienie niebieskiego

NiebieskiGranatowyBłękitnyKobaltowySzafirowyStalowoniebieskiKrólewski niebieskiElektryczny niebieskiNocny błękitUltramarynaNiebieski francuskiBłękit pruskiPastelowy niebieskiBaby blueDżinsowyBłękit KleinaCiemnoniebieskiJasnoniebieskiLazurowyBarwinkowyChabrowyPrzydymiony niebieskiBłękit oceanuPudrowy niebieski
Próbka koloru Azurowy z odcieniami od jasnego do ciemnego · #007FFF
Próbka koloru Azurowy z odcieniami od jasnego do ciemnego · #007FFF

Wypróbuj też

Paleta kolorów z imieniaWpisz imię i odbierz własną paletę kolorówAnaliza kolorystyczna z selfiePoznaj swój typ urody i najlepsze kolory z jednego zdjęciaJakiego koloru jest Twój głos?Mów przez 5 sekund i zamień swój głos w kolor
Zobacz wszystkie darmowe narzędzia →

Najczęściej zadawane pytania

Jaki jest kod koloru azurowy?

Kod HEX koloru azurowy to #007FFF. W RGB to rgb(0, 127, 255), w HSL hsl(210, 100%, 50%), a w CMYK 100, 50, 0, 0.

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

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

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