#FF0000
red
Värikoodit
#FF0000rgb(255, 0, 0)hsl(0°, 100%, 50%)hsv(0°, 100%, 100%)cmyk(0%, 100%, 100%, 0%)xyz(41.25, 21.27, 1.93)lab(53.24, 80.09, 67.2)lch(53.24, 104.55, 40°)Värikoodit
#FF0000rgb(255, 0, 0)hsl(0°, 100%, 50%)hsv(0°, 100%, 100%)cmyk(0%, 100%, 100%, 0%)xyz(41.25, 21.27, 1.93)lab(53.24, 80.09, 67.2)lch(53.24, 104.55, 40°)Saavutettavuus
4:1AA ✗AAA ✗5.25:1AA ✓AAA ✗Törkylempijävongahdus
Leipäteksti värin päällä, jotta voit arvioida luettavuuden ennen kuin sitoudut siihen.
Värin muunnelmat ja yhdistelmät
Vaaleammat sävyt sekoittavat värin puhtaaseen valkoiseen ja tummemmat puhtaaseen mustaan. Molemmat asteikot lasketaan kymmenen prosentin välein, joten sävyä voi vaalentaa tai syventää sitä hylkäämättä.
Tummemmat sävyt
Vaaleammat sävyt
Väriharmoniat
Harmoniat valitsevat seuralaisvärit niiden paikan perusteella väriympyrällä. Jokainen sääntö luo oman tunnelmansa, voimakkaasta kontrastista naapurisävyjen pehmeisiin siirtymiin.
Vastaväri
Sävy suoraan vastapäätä ympyrällä, 180° päässä. Suurin kontrasti; toimii parhaiten kun yksi väri johtaa ja toinen korostaa.
Luo liukuväriJaettu vastaväri
Perusväri sekä sen vastavärin kaksi naapuria, noin 30° kummallakin puolella. Säilyttää kontrastin ja pehmentää terävyyttä.
Luo liukuväriKolmisointu
Kolme sävyä 120° välein. Eloisa ja tasapainoinen; anna yhden hallita ja käytä muita korosteina.
Luo liukuväriLähisävyt
Kolme vierekkäistä sävyä 30° välein. Vähän kontrastia ja miellyttävä silmälle, oivallinen rauhallisiin taustoihin ja liukuväreihin.
Luo liukuväriYksivärinen
Yksi sävy useilla vaaleustasoilla. Yhtenäinen jo rakenteeltaan ja varmin tie johdonmukaiseen käyttöliittymään.
Luo liukuväriNelisointu
Kaksi vastaväriparia, jotka muodostavat suorakulmion ympyrällä. Rikkain valikoima ja se, joka vaatii eniten hillintää.
Luo liukuväri