Brown — kody koloru i paleta
Kody koloru
| Format | Wartość | |
|---|---|---|
| HEX | #A52A2A | |
| RGB | rgb(165, 42, 42) | |
| HSL | hsl(0, 59%, 41%) |
Odcienie Brown
| #962727 | #862323 | #761E1E | #651A1A | #551616 | #451212 | #350E0E | #240909 |
Jasności Brown
| #BF3131 | #CE4040 | #D45959 | #DA7171 | #E18989 | #E7A2A2 | #EDBABA | #F3D2D2 |
Zestawienia kolorów i harmonia
|
Komplementarny
#2BA6A6
|
Analogiczny +30°
#A6692B
|
Analogiczny −30°
#A62B69
|
Triadyczny +120°
#2BA62B
|
Triadyczny −120°
#2B2BA6
|
Kontrast i dostępność (WCAG 2.1)
Fragment CSS
.element {
color: #A52A2A;
}
.element-bg {
background-color: #A52A2A;
color: #ffffff;
}
.element-border {
border: 2px solid #A52A2A;
}
O kolorze Brown
Brown to kolor średni o wysokim nasyceniu, zdefiniowany kodem hex #A52A2A. Dokładne wartości modeli barw to rgb(165, 42, 42) w RGB i hsl(0, 59%, 41%) w HSL (barwa 0°, nasycenie 59%, jasność 41%). Na białym tle współczynnik kontrastu wynosi 7.08:1 — AAA — zaliczony dla normalnego tekstu, na czarnym — 2.96:1 — Nie zaliczony. Użyj Brown do elementów UI, teł, tekstu, obramowań lub dekoracyjnych akcentów. Sekcja odcieni pokazuje stopniowo ciemniejsze warianty, a jasności — stopniowo jaśniejsze, przydatne do budowania tonalnej palety. Próbki harmonii prezentują zestawienia komplementarne, analogiczne i triadyczne na podstawie koła barw HSL.
Chcesz eksplorować ten kolor interaktywnie, tworzyć palety lub konwertować formaty? DevArbor Color Picker ma wszystko, czego potrzebujesz.
Otwórz próbnik kolorów →