HTML Color Codeista (joista yleisemmin puhutaan heksakoodeina)
minulla on paaljon asiaa. Ne tarkoittavat koodeja, jotka
"muuntautuvat" joksikin tietyksi väriksi. Jokaisella värisävyllä
on tismalleen oma heksakoodi, esimerkiksi #ffffff, joka
vastaa väriä valkoinen. Heksakoodien edessä on #-merkki, ja
heksakoodeja käytetään esimerkiksi juuri blogin koodeissa,
jos halutaan määrittää jokin tietty asia tietyn
väriseksi.
MISTÄ LÖYTÄÄ HEKSAKOODEJA?
Heksakoodeja löytyy nykyään monilta eri sivustoilta,
joissa on väripaletti, jolta voi etsiä haluamansa värin.
Itse suosin Html Color Codes -nimistä internetsivua,
jolta on hyvin helppo sivua scrollaamalla alaspäin
valita väripaletilta juuri se mieluinen väri ja kopioida
värin heksakoodi, jonka jälkeen koodin voi lisätä
tarvitsemaansa juttuun.
KÄYTTÖ
Päätinpä tehdä pienen sepostuksen heksakoodien käytöstä, mm. väripaletista, koska haluan ilmaista blogissa ohjeet mahdollisimman selvästi, jotta kaikki ymmärtävät ne :)
Ohjeet ovat Html Color Codes -sivustoa varten.
Oranssilla ympäröidystä lokerosta voit hiirtä vetämällä etsiä mieleisesi sävyn.
Keltaisella ympäröidystä lokerosta voit vetää hiirellä mieluisesi värin, jonka jälkeen mennä oranssiin kohtaan ja etsiä mieluisesi sävyn.
Viininpunaisella ympäröidyssä lokerossa näkyy valitsemasi värin sävy.
Punaisella ympäröidyssä lokerossa on värisävyn heksakoodi, jonka voi kopioida.
Mustalla ympäröityyn lokeroon voit syöttää jonkin heksakoodin, jonka jälkeen painaa Go-nappia. Siten näet, mikä väri on kyseessä.
Heksakoodeja tarvitaan monissa koodeissa - tämä lienee jo itsestään selvää (?). Otetaan esimerkkikoodiksi vaikka navigaatiopalkin värin vaihtamiseen tarvittava koodi:
#navbar-iframe {
background:#ffffff;
}
Navbar-ifreme -kohta tarkoittaa navigaatiopalkkia, ja sen perässä
toisella rivillä background sen taustaa, jonka yhteyteen on liitetty
väri #ffffff, joka vastaa siis valkoista väriä.
Muistakaa AINA, että heksakoodin edessä pitää olla #-merkki,
eli älkää missään tapauksessa poistako sitä vaihtaessanne
väriä (!!).
MUUT VÄRIT, JOTKA SOPIVAT KOODEIHIN
Jos väripaletilta värin valitseminen tuntuu värinpaljouden takia
ylitsepääsemättömän hankalalta, voi värin onneksemme
valita myös käyttämällä värin englanninkielistä nimeä.
Jos haluaisi esim. yksinkertaisesti peruspunaisen vaikkapa
navigaatiopalkin väriksi, aiemmin esitetty koodi näyttäisi tältä:
#navbar-iframe {
background:red;
}
background:red;
}
Alla värejä, jotka itse olen kokeillut toimiviksi:
red - pink - blue - yellow - green - black - white - gold - silver
grey - brown - violet
Lisäämällä ylläolevan sanan eteen sanan light tai dark, saat
väristä vaaleamman tai tummemman (ei käy kaikkiin!). Huomioi,
että oikeinkirjoitusasu on yhteen, esim. lightpink. Pink ja lightpink
ovat muuten erivärejä, joista lightpink on tummempi o.o
***************
Jotain kysyttävää liittyen väreihin/html-värikoodeihin?
Kysy ihmeessä! Vastaan mielelläni!(:
xoxo, iltsu
