CSS koloro ecoj. koloro kodoj

Unu el la iloj por ŝanĝi la retpaĝon stiloj - CSS koloro. Estas pluraj manieroj difini la konduton. Ĉiu havas ambaŭ avantaĝojn kaj malavantaĝojn.

nomo

La koloro propraĵo difinas la koloron de la ero. 145 ombrojn de titolojn inkluzivita en la CSS. Inter ili estas simplaj (kiel nigra, blua) kaj kompleksaj (kiel rugxa, lawngreen).

Ĉar la tutan liston de malfacile memoras, la nomo de la stilo folio estas uzataj malofte.

RVB

La plejparto de la televidoj, smartphones, monitoroj labori kun RVB koloro modelo. Tio estas, ajna koloro povas esti aro al kombinaĵo de koloroj primarios, kiuj estas ruĝa, verda kaj blua. . Simila aliro estas uzata en ambaŭ aparatoj, kaj en la CSS. основного состава принимают значения от 0 до 255. А количество возможных оттенков равно 16777216. Koloroj estas bazaj komponaĵo TAKE valoroj de 0 al 255. Kelkaj eblaj koloroj egalas 16777216.

Ekde la RGB modelo estas rekte rilataj al la fizika leĝoj de koloro figurado, nigra estas precizigita en ĝi kiel la RGB (0, 0, 0), blanka - RGB (255, 255, 255). RGBA sistemo tute simila al RGB, kun la aldono de la alfa kanalo. Ĝi tuŝas la travidebleco, kiu miksas kun la fono ombro. En ĉi tiu formo de la elemento varias laŭ la "substrato".

HSL

Por kompreni, kiel la HLS sistemo, vi devas submeti koloro rado. Ĉe ĝia centro estas ruĝa, tiam (laŭhorloĝnadla) ĉiuj aliaj koloroj de la ĉielarko. цвета при помощи системы HLS требуется задать три параметра: Determini la kolorojn en la CSS uzante la HLS sistemo postulas tri parametrojn:

• nuancon (en gradoj) - la direkto de la rondo centro;
• satureco (procento) - kiom koloro vi bezonas;
• brilo (en procentoj).

Ekzemple, purpura povas determini tiel: HSL (315, 100%, 45%). HSL estas plej konvena por eksperimentoj. Post studi la koloro rado, vi povas dum rigardanta la stilfolio krude reprezenti kio koloro agordi specifa elemento. HSLA - sama HLS, nur per alfa: HSL (0, 100%, 50, 0.6) - ruĝa, travidebla iomete pli ol duono.

HEX

CSS цвета можно задать, используя шестнадцатеричное представление, например оранжевый определяется значением #FF4500 . En CSS, vi povas agordi la koloron per la deksesuma reprezento, kiel oranĝo difinita per la valoro # FF4500.

Por pli bona kompreno de kio deksesuma prezento, devus pli konsideri la dekuma sistemo. Estas nombro de 0 al 9 Kiam la bezono en kalkulante nombro pli granda ol 9, unu iom aldonas, kaj ĝi rezultas 10, poste 100, kaj tiel plu. E. Ĉio precize la sama en deksesuma notacio, sed en ĝi post 9 estas A, tiam B, ktp por F - la sama kiel 15 en la dekuma sistemo. Tiam aldoni unu cifero, kaj ĝi rezultas 10 el 16 en la kutimaj terminoj.

Kiel en RGB, HEX koloroj por indiki en kio proporcioj uzi primaraj koloroj. En ĉi tiu kazo, ili ne apartigitaj per komoj (koloro: # FFD500). Ĉiu du karakteroj specifi la numeron de ruĝa, verda kaj blua.

CSS. Kutime, HEX sistemo ne estas uzata dum la eksperimentoj, pro tio ke estas neeble trovi la ĝustan CSS koloro. может помочь в этом деле, но если постоянно сверяться с ней, работа затянется. La tablo povas helpi en tio, sed se vi konstante nomas ĝin, la laboro estos prokrastita. Deksesuma prezento estas plej konvena kiam la ŝablono estas transferido de la grafika redaktilo. Estas multe pli facile kopii el ĝi nur unu cifero ol tri turnoj.

Kiun vojon estas bona?

Pro tio ni ne povas diri ion ajn konkretan. Se la elementoj de la interfaco bezonas travidebleco, elekti inter RGBA kaj HSLA. Se vi volas sperti en la retumilo HLS koloro rado estos la plej konvena. Se vi uzas paletro aŭ transferir la dezajno de Photoshop, preferus CSS deksesuma koloro kodoj.