CSS loko fananana. loko Laharana

Ny iray amin'ireo fitaovana hanova ny tranonkala pejy fomba - CSS loko. Misy fomba maro mba hanova izany toe-javatra. Ny tsirairay samy manana tombontsoa sy ny fatiantoka.

anarana

Ny loko fananan'ny no mamaritra ny lokon'ny ilay zavatra. 145 matoatoa va ny anaram-boninahitra tafiditra ao amin'ny CSS. Anisan'izany misy tsotra (toy ny mainty, manga) sy sarotra (toy ny jaky, lawngreen).

Satria iray manontolo lisitry ny sarotra ny mitadidy, ny anaran 'ny fomba taratasy no ampiasaina mahalana vao.

RGB

Ny ankamaroan'ireo ny fahita lavitra, finday avo lenta, miara-miasa amin'ny RGB mpanaramaso loko modely. Izany hoe, misy loko azo napetraka ny fitambaran'ny loko ambaratonga voalohany, izay mena, maitso ary manga. . Ny fomba toy izany koa no ampiasaina ao amin'ny na fitaovana, sy ny CSS. основного состава принимают значения от 0 до 255. А количество возможных оттенков равно 16777216. Loko ireo soatoavina fototra fifehezan haka avy 0 ny 255. Maro ny azo atao dia mitovy loko ny 16777216.

Koa satria ny RGB modely mifandray mivantana amin'ny ara-batana lalàn'ny loko fitarafana, dia voafaritra ao mainty tahaka ny rgb (0, 0, 0), fotsy - rgb (255, 255, 255). RGBA rafitra mitovy amin'ny RGB tanteraka, ny koa ny Alpha fantsona. Ny vokany eo ny mangarahara, izay blends amin'ny fototra alokaloka. Ao amin'io endrika ny singa dia mitovy araka ny "substrate".

HSL

Mba hahatakarana ny fomba rafitra HLS ianao, dia mila manaiky kodiarana manana ny lokon'ny. Tamin'ny ny afovoan-mena, dia (manaraka ny fihodin'ny famantaranandro) ny hafa loko rehetra ao amin'ny avana. цвета при помощи системы HLS требуется задать три параметра: Mba hamantarana ny loko ao amin'ny CSS mampiasa ny HLS mitaky rafitra telo masontsivana:

• Hue (in fiakarana) - ny fitarihan'ny faribolana foibe;
• saturation (isan-jato) - loko tena ilainao;
• famirapiratana (in isan-jato).

Ohatra, volomparasy azo tapa-kevitra toy izany: hsl (315, 100%, 45%). HSL no tena mety ny fanandramana. Rehefa avy nianatra ny loko kodiarana, dia afaka teo am-pijerena ny stylesheet teny mafy maneho inona no loko napetraka singa manokana. HSLA - HLS ihany, afa-tsy amin'ny Alfa: hsl (0, 100%, 50, 0.6) - mena, mangarahara ny antsasany mahery kely.

HEX

CSS цвета можно задать, используя шестнадцатеричное представление, например оранжевый определяется значением #FF4500 . Amin'ny CSS, dia afaka nametraka ny loko mampiasa ny hexadecimal solontena, toy ny volomboasary tapa-kevitra ny zava-dehibe # FF4500.

Fa tsara kokoa ny fahatakarana ny zavatra hexadecimal fanehoana, dia tokony handinika bebe kokoa ny rafitra decimal. Izy io dia maro avy 0 ny 9. Raha ny filàna eo amin'ny fanisana isa lehibe noho 9, na dia kely dia nanampy, ka raha ny fandehany 10, avy eo 100, sy ny sisa. E. rehetra mitovy amin'ny hexadecimal tarehimarika, fa ao ihany izy rehefa 9 dia, dia B, sy ny sisa ho any F - mitovy amin'ny 15 ao amin'ny rafi-decimal. Dia ampiana tarehimarika iray, ka raha ny fandehany 10 amin'ny 16 ao amin'ny teny mahazatra.

Tahaka ny any RGB, HEX loko mba maneho ny zavatra ampahany hampiasa Kilonga loko. Amin'ity tranga ity, dia tsy tafasaraka amina faingo (color: # FFD500). Isaky ny tarehin-tsoratra roa mamaritra ny isan'ny mena, maitso sy manga.

CSS. Amin'ny maha-fitsipika, HEX rafitra dia tsy ampiasaina mandritra ny fanandramana, satria sarotra ny mahita ny tsara loko CSS. может помочь в этом деле, но если постоянно сверяться с ней, работа затянется. Ary ny latabatra dia afaka manampy amin'io lafiny io, fa raha miresaka azy foana, ny asa dia ho tara. Hexadecimal solontena no tena mety, raha ny fanononana dia nafindra tonian-dahatsoratra avy ao amin'ny sary. Dia mora kokoa ny mandika avy amin'izy io tarehimarika iray ihany noho ny telo mifandimby.

No lalana no tsara indrindra?

Noho izany, tsy afaka milaza na inona na inona mivaingana. Raha toa ny singa mila ny interface tsara ny mangarahara, hisafidy RGBA sy HSLA. Raha te-hanandrana ao amin'ny mpitety HLS loko kodiarana no ho mety indrindra. Raha mampiasa ny faritra, na hamindra ny famolavolana avy Photoshop, dia tokony kokoa CSS hexadecimal Laharana loko.