- Introducere în Nume Culoare în HTML
About Life…..
Creativity Is Intelligence Having Fun
RGB defines Red color
RGB same values define Gray shade
New color using Hex Value
Shade of Gray
hsl color shade
rgba color shade
hsla color shade
RGB defines Red color
RGB same values define Gray shade
New color using Hex Value
Shade of Gray
hsl color shade
rgba color shade
hsla color shade
RGB defines Red color
RGB same values define Gray shade
New color using Hex Value
Shade of Gray
hsl color shade
rgba color shade
hsla color shade
RGB defines Red color
RGB same values define Gray shade
New color using Hex Value
Shade of Gray
hsl color shade
rgba color shade
hsla color shade
RGB defines Red color
RGB same values define Gray shade
New color using Hex Value
Shade of Gray
hsl color shade
rgba color shade
hsla color shade
RGB defines Red color
RGB same values define Gray shade
New color using Hex Value
Shade of Gray
hsl color shade
rgba color shade
hsla color shade
RGB defines Red color
RGB same values define Gray shade
New color using Hex Value
Shade of Gray
hsl color shade
rgba color shade
hsla color shade
Introducere în Nume Culoare în HTML
Numele culorilor în HTML joacă un rol foarte important în procesul de proiectare web și aplicație. Acesta ajută la schimbarea aspectului site-ului sau aplicației noastre. De asemenea, face ca aplicația noastră să fie mai atractivă și mai interactivă. Există mai multe modalități de a defini numele culorii în HTML în formatul de codare HTML. se pot folosi proprietăți CSS suplimentare pentru ao utiliza mai eficient. Putem folosi numele de culoare HTML la nivelul paginii, incluzându-l în partea corpului, de asemenea, capabil să setați culoare individuală la elementul specific. Numele culorii în HTML este utilizat în mod intenționat pentru culoarea textului, culoarea de fundal, culoarea de bord, umbrele, gradientele și multe altele.
Sintaxă
- Există diverse modalități prin care putem folosi culori HTML. Să vedem unul câte unul.
- Utilizarea foarte de bază a culorii HTML este să o aplici pe text. pur și simplu folosiți ca culoare text pentru a afișa textul în diferite culori HTML.
1. Sintaxa culorilor textului
color : color_name;
Să vedem cum va funcționa această sintaxă,
Welcome to EDUBCA
În exemplul de mai sus, va afișa textul Bun venit la EDUBCA într-o culoare albastră, cum ar fi:
- Cu ajutorul culorilor HTML, este posibil să le adăugați și ca culoare de fundal.
2. Sintaxa culorilor de fundal
background-color:color_name;
Să vedem cum va funcționa această sintaxă,
Categoria conține toate informațiile de proiectare răspândite în numeroase subcategorii în cursul de proiectare.
- De asemenea, este posibil să adăugați un chenar colorat în jurul oricărui text sau element, folosind culoarea HTML, folosind următoarea sintaxă:
3. Culoarea frontierei Sintaxă: graniță
value color_name;
Să vedem cum va funcționa această sintaxă,
EDUCBA free certification course
Tipuri de nume de culoare în HTML
Există diferite modalități de a defini numele culorilor în HTML. Este dificil să-ți amintești un nume diferit în culori diferite. Așadar, trebuie decis să dăm câteva valori diferitelor culori. Să vedem unul câte unul
1. Valoarea RGB
- Este una dintre modalitățile de definire a numelor de culori HTML în combinația de valori de format roșu, verde și albastru. Care este folosit pentru a defini intensitatea culorii între numărul 0 până la 255?
- Să presupunem că dorim să definim o culoare neagră folosind combinația RGB, atunci aceasta va place RGB (0, 0, 0). Aici toți parametrii de culoare se vor seta pe 0. Deci va afișa o culoare neagră.
- La fel ca un alt RGB (0, 0, 255) va afișa culoarea albastru, datorită faptului că 255 este setat ca cea mai mare valoare la albastru, iar celălalt la 0.
- Dacă vom merge la 3 valori egale ale RGB, atunci va genera nuanțe de culoare gri.
Exemplu: RGB (0, 0, 0) pentru culoarea cea mai închisă în cazul în care RGB (255, 255, 255) pentru cea mai deschisă culoare.
2. Valoarea HEX
- Este un format cel mai des utilizat al unui nume de culoare în HTML în care numele culorii va fi definit în formatul unei valori hexadecimale.
- Formatul #rrggbb include valori de la RR pentru roșu, gg pentru verde și bb pentru albastru sunt plasate între 00 valoare hexadecimală toff.
- Să luăm în considerare un exemplu care definește culoarea # 00ff00. deci aceste valori vor fi generate de culoarea verde din cauza verde-ului care conține cea mai mare valoare (ff) unde cealaltă va fi setată la 00.
3. Valoarea HSL
- Un alt format pentru a defini culoarea HTML sub formă de Hue, Saturation, Lightness.
- Acum vom vedea toți termenii unul câte unul. Hue este definit ca fiind gradul de culoare care este cuprins între 0 și 360. în care 0 pentru roșu, 120 pentru verde și 240 pentru albastru.
- Saturația definește valoarea culorii în procent, în care 0% spune nuanța de gri unde 100% pentru culoarea completă.
- Lightness funcționează de asemenea ca procentul care definește 0% pentru negru, 50% nu este nici pentru lumină, nici pentru întuneric, unde 100% pentru alb.
4. Valoarea RGBA
- Acest tip de culoare HTML definește extensia pentru culoarea RGB inclusiv valoarea alfa. Unde se folosește alfa pentru a defini opacitatea culorii.
- Valoarea Alpha este cuprinsă între 0, 0 (complet transparent) până la 1, 0 (deloc transparentă)
- Exemplu este rgba (255, 99, 71, 0)
5. Valoarea HSLA
- Funcționează la fel ca și valorile culorilor HSL, în plus, valoare alfa cu aceasta pentru definirea opacității culorii.
- hsla (8.100%, 80%, 0) pentru o culoare complet transparentă.
- hsla (8.100%, 80%, 0.9) pentru culoarea nu atât de transparentă.
Exemple de nume de culoare în HTML
Să vedem cum se folosește numele culorii în HTML cu ajutorul unor exemple menționate mai jos:
Exemplul # 1
Să luăm în considerare un exemplu general care arată modul în care numele de culoare în HTML va fi folosit:
Cod HTML:
About Life…..
Creativity Is Intelligence Having Fun
About Life…..
Creativity Is Intelligence Having Fun
About Life…..
Creativity Is Intelligence Having Fun
About Life…..
Creativity Is Intelligence Having Fun
About Life…..
Creativity Is Intelligence Having Fun
About Life…..
Creativity Is Intelligence Having Fun
About Life…..
Creativity Is Intelligence Having Fun
Înveți mai multe din eșec decât din succes. Nu lăsa să te oprească. Eșecul creează caracterul. Dacă lucrezi la ceva care îți pasă cu adevărat, nu trebuie să fii împins. Viziunea te trage
ieşire:
Exemplul # 2
Acum luăm un alt exemplu care va defini toate tipurile de culoare HTML după cum urmează:
Cod HTML:
RGB defines Red color
RGB same values define Gray shade
New color using Hex Value
Shade of Gray
hsl color shade
rgba color shade
hsla color shade
RGB defines Red color
RGB same values define Gray shade
New color using Hex Value
Shade of Gray
hsl color shade
rgba color shade
hsla color shade
RGB defines Red color
RGB same values define Gray shade
New color using Hex Value
Shade of Gray
hsl color shade
rgba color shade
hsla color shade
RGB defines Red color
RGB same values define Gray shade
New color using Hex Value
Shade of Gray
hsl color shade
rgba color shade
hsla color shade
RGB defines Red color
RGB same values define Gray shade
New color using Hex Value
Shade of Gray
hsl color shade
rgba color shade
hsla color shade
RGB defines Red color
RGB same values define Gray shade
New color using Hex Value
Shade of Gray
hsl color shade
rgba color shade
hsla color shade
RGB defines Red color
RGB same values define Gray shade
New color using Hex Value
Shade of Gray
hsl color shade
rgba color shade
hsla color shade
RGB defines Red color
RGB same values define Gray shade
New color using Hex Value
Shade of Gray
hsl color shade
rgba color shade
hsla color shade
RGB defines Red color
RGB same values define Gray shade
New color using Hex Value
Shade of Gray
hsl color shade
rgba color shade
hsla color shade
RGB defines Red color
RGB same values define Gray shade
New color using Hex Value
Shade of Gray
hsl color shade
rgba color shade
hsla color shade
RGB defines Red color
RGB same values define Gray shade
New color using Hex Value
Shade of Gray
hsl color shade
rgba color shade
hsla color shade
RGB defines Red color
RGB same values define Gray shade
New color using Hex Value
Shade of Gray
hsl color shade
rgba color shade
hsla color shade
RGB defines Red color
RGB same values define Gray shade
New color using Hex Value
Shade of Gray
hsl color shade
rgba color shade
hsla color shade
RGB defines Red color
RGB same values define Gray shade
New color using Hex Value
Shade of Gray
hsl color shade
rgba color shade
hsla color shade
RGB defines Red color
RGB same values define Gray shade
New color using Hex Value
Shade of Gray
hsl color shade
rgba color shade
hsla color shade
RGB defines Red color
RGB same values define Gray shade
New color using Hex Value
Shade of Gray
hsl color shade
rgba color shade
hsla color shade
RGB defines Red color
RGB same values define Gray shade
New color using Hex Value
Shade of Gray
hsl color shade
rgba color shade
hsla color shade
RGB defines Red color
RGB same values define Gray shade
New color using Hex Value
Shade of Gray
hsl color shade
rgba color shade
hsla color shade
RGB defines Red color
RGB same values define Gray shade
New color using Hex Value
Shade of Gray
hsl color shade
rgba color shade
hsla color shade
RGB defines Red color
RGB same values define Gray shade
New color using Hex Value
Shade of Gray
hsl color shade
rgba color shade
hsla color shade
RGB defines Red color
RGB same values define Gray shade
New color using Hex Value
Shade of Gray
hsl color shade
rgba color shade
hsla color shade
RGB defines Red color
RGB same values define Gray shade
New color using Hex Value
Shade of Gray
hsl color shade
rgba color shade
hsla color shade
ieşire:
În exemplul de mai sus, putem vedea utilizarea diferitelor tipuri de culori HTML și modul în care acestea sunt denumite în HTML.
Exemplul # 3
O altă utilizare a culorii HTML este de a defini o graniță cu elementul, care este următorul:
În Exemplu, Aici putem adăuga un chenar la corpul dvs. de cod, schimbând și fundalul și culoarea textului.
Cod HTML:
Teoria autoactualizării vorbește despre recompense intrinseci inerente performanței sarcinii, cum ar fi satisfacția la locul de muncă, sentimentul de realizare etc.
ieşire:
Concluzie
Am descoperit că culorile HTML sunt definite cu nume diferite, valoare procentuală, valoare Hex, valoare alfa și multe altele. Numele culorii în HTML este folosit pentru a face culoare pentru text, pentru fundal, pentru un chenar, pentru gradații. Există diferite tipuri pentru a defini numele de culoare HTML ca RGB, hex, hsl, rgba, hsla.
Articole recomandate
Acesta este un ghid pentru Color Name în HTML. Aici vom discuta introducerea, Tipurile de nume de culoare în HTML împreună cu exemple, sintaxă și coduri HTML. Puteți parcurge și alte articole sugerate pentru a afla mai multe -
- Atribut de stil HTML
- Etichete de tabel HTML
- Link de imagine în HTML
- Creați tabele în HTML
- Evenimente HTML