Palety kolorów

Kolor fioletowy

To ostatni widzialny kolor tęczy, tuż przed ultrafioletem. Po hiszpańsku i angielsku nazwę wziął od kwiatu fiołka. Kojarzy się z kreatywnością, duchowością, a także z ruchem feministycznym.

Inne nazwy: fiolet.

Fioletowy · #8F00FF

Kolor fioletowy: podstawowe informacje

Kolor fioletowy (#8F00FF) jest zimny, o średniej jasności i bardzo nasycony. Należy do grupy: odcienie fioletu. Składa się z 143 czerwieni, 0 zieleni i 255 niebieskiego (w skali do 255). Typowe zastosowania: Branding, Moda, Sztuka.

Kolor fioletowy: odcienie jasne i ciemne

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

Kolory pasujące do koloru fioletowy

ŻółtyJego kolor dopełniający: wibrujący kontrast.SzaryWycisza fiolet i czyni go eleganckim.BiałyCzysty, świeży kontrast.MiętowyŚwieże, oryginalne połączenie.RóżowyNowoczesne, słodkie przejście kolorów.SrebrnyChłodny, elegancki blask.GranatowyGłębia i tajemnica.CzarnyDramatyczny look.
Jak łączyć kolor fioletowy w ubraniach i wnętrzach →

Kolor fioletowy: harmonie kolorów

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

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

Kolor fioletowy: gotowe palety

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

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

Kolor fioletowy: kontrast z tekstem

Biały tekstKontrast 5.8:1 · AA
Czarny tekstKontrast 3.6:1 · AA duży tekst

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

Kod CSS

:root {
  --fioletowy: #8F00FF;
  --fioletowy-rgb: 143, 0, 255;
}
.tlo { background-color: var(--fioletowy); }
.tekst { color: var(--fioletowy); }

Kolory podobne do koloru fioletowy

NiebieskiMagentaCiemnofioletowyCiemnoniebieskiWinogronowyUltramarynaGranatowyIndygoBłękit KleinaElektryczny niebieski

Palety tematyczne z tym kolorem

Neonowe palety kolorów

Inne odcienie fioletu

CiemnofioletowyPurpurowyLiliowyLawendowyMalwowyŚliwkowyAmetystowyBakłażanowyOrchideowyIndygoWinogronowyGlicyniowyPastelowy liliowyUltrafiolet

Najczęściej zadawane pytania

Jaki jest kod koloru fioletowy?

Kod HEX koloru fioletowy to #8F00FF. W RGB to rgb(143, 0, 255), w HSL hsl(274, 100%, 50%), a w CMYK 44, 100, 0, 0.

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

Kolorem dopełniającym na kole barw jest #70FF00, odcień zbliżony do koloru: chartreuse. 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 fioletowy?

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

Jakie kolory pasują do koloru fioletowy?

Dobrze pasuje do: żółty, szary, biały, miętowy, różowy. Unikaj łączenia go z intensywną czerwienią lub pomarańczem, bo look staje się ciężki. Z podobnymi fioletami bez kontrastu wygląda niejasno.