Väri #563C0D (Pineapple)
Heksadesimaalikoodi #563C0D vastaa väriä Pineapple. Alla näet sen tarkat RGB-, HSL- ja CMYK-arvot, voit tarkistaa sen kontrastin valkoisella ja mustalla pohjalla ja löytää samankaltaisia ja komplementaarisia värejä oranssit-perheen sisällä.
| HEX-koodi | #563C0D |
|---|---|
| RGB-koodi | rgb(86, 60, 13) |
| HSL-koodi | hsl(38.6, 73.7%, 19.4%) |
| CMYK-koodi | cmyk(0%, 30%, 85%, 66%) |
| Väriperheen | Oranssit |
Kontrasti ja saavutettavuus (WCAG)
Komplementaarinen väri
Tuna#46494E
Samankaltaiset värit
Tutustu väreihin perheen mukaan
Yli 469 nimettyä väriä HEX-, RGB-, HSL- ja CMYK-koodeilla, järjestetty 12 sävyperheeseen.
Kuinka käyttää väriä Pineapple
Käytä sitä CSS:ssä tai suunnittelussa
Kopioi #563C0D-koodi ja käytä sitä suoraan tyylisivulla, esimerkiksi background-color: #563C0D; tai color: #563C0D;. Jos tarvitset arvon toisessa muodossa, muunna se RGB:ksi, HSL:ksi tai CMYK:ksi värinkäyttäjämme avulla.
Yhdistä se muihin väreihin
Testaa Pineapple sen komplementaarivärin kanssa tai samankaltaisten sävyjen kanssa oranssit-perheestä, jotka näytämme alla, tai luo täydellinen väripaletti tästä väristä palettinkehittäjämme avulla.
Tarkista saavutettavuus
Ennen kuin käytät Pineapple:ä teksti- tai taustaverenä, tarkista kontrastin suhde valkoisella ja mustalla, joka näkyy yllä, tai analysoi mikä tahansa yhdistelmä kontrastintarkistajassamme varmistaaksesi WCAG AA- ja AAA-vaatimuksiin.
Usein kysytyt kysymykset
Mikä väri on #563C0D?
+
Koodi #563C0D vastaa väriä Pineapple, joka kuuluu oranssit-väriperheeseen.
Mitkä värit sopivat hyvin yhteen Pineapple-värin kanssa?
+
Voit nähdä sen komplementaarivärin ja useita muita samankaltaisia värejä alla, tai luoda täydellisen väripalettia Pineapple-väristä käyttämällä väripalettien generaattoriamme.
Onko väri Pineapple saavutettava tekstissä?
+
Se riippuu taustasta: tarkista kontrastisuhde valkoisella ja mustalla pohjalla yllä saadaksesi tietää, täyttyykö WCAG AA ja AAA saavutettavuuden tasot.
