MySQL= (database management system) bază de date relaţională de tip open source;

SQL=Structured Query Language. Sunt multe aplicaţii care folosesc MySWL, cum ar fi Joomla,

WordPress phpBB sau Drupal, dar această bază de date este folosită şi pentru site-uri foarte mari,

cum ar fi Google, Facebook, Twitter sau YouTube. Codul este scris în C şi C++.

Software-ul MySQL oferă o structură robustă, multi-user de baze de date pentru server. Se adresează

atât sistemelor cu producţii de trafic greu, cât şi softului creat de marea masă a utilizatorilor.

MySQL= cel mai popular sistem de management de baze de date, dezvoltat de Oracle.

O bază de date este o colecţie structurată de date. Poate fi orice, de la o listă de cumpărături până la

o galerie de poze sau cantităţi uriaşe de informaţii ale vreunei corporaţii. Pentru a adăuga, accesa şi

procesa datele stocate în baza de date a unui calculator, este nevoie de un sistem de administrare a

acestor baze de date, cum ar fi serverul MySQL.

Bazele de date din MySQL sunt relaţionale, adică stochează date în tabele separate. Structurile de

baze de date sunt organizate în fişiere fizice. Modelul logic , care conţine obiecte cum ar fi tabele,

şiruri, coloane, oferă un mediu de programare flexibil. Userul stabileşte reguli pentru relaţiile dintre

diferitele câmpuri de date, cum ar fi 1 la 1, 1 la mai multe, unic, necesar sau opţional, şi pointere

între diferite tabele. Dacă regulile sunt stabilite bine şi baza de date are designul potrivit, aplicaţia nu

va avea niciodată probleme de inconsistenţă, duplicare, out-of-date sau date lipsă.

SQL este cel mai comun limbaj standardizat folosit pentru a accesa bazele de date. Este un sistem

client/server care are un server SQL multi?threaded, capabil să lucreze cu mai mulţi clienţi odată,

diferite programe şi biblioteci, unelte administrative şi o gamă largă de interfeţe pentru programarea

de aplicaţii (API = application programming interfaces)

Apache= server http de tip open source, este folosit pentru 65% din paginile web; este dezvoltat de o

comunitate deschisă Apache Sotfware Foundation şi este disponibilă pentru mai multe sisteme de

operare cum ar fi Unix, Linux, Solaris, Microsoft windows, Mac OS X, OS/2.

Acest server este un software gratuit de tip open source. Suportă o mare varietate de module care îi

extind posibilităţile de funcţionare. Suportă limbaje ca python sau php, iar unele module ar fi SSL sau

TLS, modul de rescriere(rewrite) url, etc. Serverul Apache este capabil de virtual hosting, adică de

găzduire a mai multor site-uri, simultan.

Acquia = companie care oferă servicii Drupal, cum ar fi hostare, suport şi training; investeşte în

dezvoltarea sitemului Drupal. Oferă servicii gratuite, deoarece se poate descărca Acquia Dev Desktop

Bază de date

Web Server

Client

MySQL – server de baze de date

Drupal Apache –

server web

şi astfel se pot rula pagini Drupal pe calculatorul personal. Multe din modulele gratuite ale Drupal

sunt susţinute de Acquia

Drupal= CMS – content management system, gratuit

Într-un sistem de CMS, un modul reprezintă o colecţie de fişiere ce conţin cod şi care adaugă noi

caracteristici paginii web. Pentru CMS trebuie întotdeauna instalat prima dată codul core/nucleu,

apoi se pot adăuga module extra.

https://dev.mysql.com/

https://www.lifewire.com

www.w3schols.com

HTML

https://www.w3schools.com/html/default.asp

Cu HTML îţi poţi crea propriul website

Intro

Ce este HTML?

Este un limbaj pentru crearea de pagini web; nu este limbajd e programare ci un limbaj de marcare

pentru definirea structurii unui conţinut. HTML conţine elemente

Tag de deschidere- nume element, încadrat de paranteze unghiulare;indică loculd e unde elemental

începe, sau începe să aibă efect

Tag de inchidere- la fel sintactic, doar că are în plus un slash “/” care indică locul în care elemental se

termină

Conţinut – aici, elementul conţine doar text

Elementul – este dat de tag-urile de deschidere, de închidere şi de conţinut

HTML=HyperTextMarkupLanguage, descrie structura unei pagini web folosind marcaje

https://dev.mysql.com/https://www.lifewire.com/http://www.w3schols.com/

Elementele html sunt blocurile de bază ale paginilor html, aceste elemente sunt reprezentate prin

tag-uri=etichete. Etichetele,tag-urile, etchetează părţi de conţinut cum ar fi “heading”, “paragraph”,

“tabel” etc

Browserele nu afişează aceste tag-uri dar le folosesc pentru redarea paginii web.

Exemplu de document simplu HTML

Page Title

My First Heading

My first paragraph.

Explicaţie:

Această declaraţie defineşte ca acest document să fie de tip HTML5 acesta este elementul rădăcina al paginii HTML

conţine meta-informaţie despre document ; meta-informaţia deţine informaţii legate de conţinutul unui site web sau despre un document HTML. În

browser, aceste informaţii se pot vedea apăsând tastele Ctrl şi U sau din meniul browserului, prin View -> Page Source.

specifică un titlu pentru document deţine conţinutul vizibil al paginii element care defineşte un titlu mare

element care defineşte un paragraf

Tag-urile – etichetele, apar de obicei în perechi, cum ar fi

şi

, definind tag-urile de

început şi de sfârşit. Apar ca şi „start tag ” şi „end tag” sau „opening tag” şi „closing tag”:

continut pagina..

Browserul web

Scopul unui browser web este acela de a citi documente HTML şi de a le afişa. Exemple de

browsere: Chrome, Safari, Opera, Internet Explorer, etc. Browserere, deşi nu le afişează,

folosesc aceste tag-uri, etichete, pentru afişarea de conţinut web.

titlu pagina acesta este un heading

acesta este un paragraf

acesta este un al doilea pargraf

Notă: Pe pagina web, în browser, se afişează doar conţinutul din „body”

Declaraţia arată tipul documentului şi ajută browserul ca să afişeze corect

pagina web. Această declaraţie apare o singură dată, la începutul paginii, înainte de orice

tag-uri html. Nu ţine cont dacă literele sunt scrise cu majusculă sau minusculă, deci nu este

case-sensitive.

Pentru scrierea de pagini web profesionale, sunt folosite editoare HTML profesionale. Pentru

scopul de învăţare, se poate scrie în orice editor simplu, cum ar fi NotePad.

Atfel, în editorul NotePad se poate scrie:

My First Heading

My first paragraph.

Salvează fişierul în calculator, cu extensia „htm” sau „html”şi setează codarea (encoding)

UTF-8, care este modul preferat de codare pentru fişierele HTML. UTF-8 include majoritatea

caracterelor din toate limbile oamenilor, pentru ca acesta să fie capabil să lucreze cu orice tip

de de text care ar putea fi introdus. Extensiile de fişier pot fi folosite la fel de bine amândouă.

Deschide apoi fişierul html din browser, fie prin dublu-click pe fişier, fie click-dreapta si „Open

with”. Rezultatul ar trebui să arate cam aşa:

Cu editorul online gratuit de la W3Schools, se poate edita codul html şi vizualiza rezultatul în

browser. Acest editor este util pentru o testare rapidă de cod.

Dacă se merge pe “try it yourself” – este propus următorul program:

Page Title

This is a Heading

This is a paragraph.

Care va afişa:

Schimbati titlul si apoi textul cu unul în limba română. Daţi Run(rulare)

Orice document html începe cu declaraţia

Documentul în sine începe cu şi se termină cu . Aici se află conţinutul întregii pagini, şi

este cunoscut ca element rădăcină.

Partea vizibilă din document se află între elementele cheie şi şi poate conţine

elemente de tip text, imagini, videoclipuri, jocuri, audio sau orice altceva.

Exemplu: a se încerca exemplul de pe www.w3schools.com/html/html_basic.asp

şi a se înlocui textul de afişat.

Titluri HTML (headings)

Aceste tituri se scriu între şi , unde putem avea de la h1, h2…h6, h1 fiind scrisul cel mai

mare, iar h6 scrisul cel mai mic. Altfel spus, h1 defineşte titlul cel mai important iar h6 titlul cel mai

puţin important.

Se poate rula exemplul:

(https://www.w3schools.com/html/tryit.asp?filename=tryhtml_basic_headings)

This is heading 1 This is heading 2 This is heading 3 This is heading 4 This is heading 5 This is heading 6

This is a Heading

This is a paragraph

http://www.w3schools.com/html/html_basic.asp

Paragraful este un element important în editarea textului pe site, şi va fi pus între tag-urile

şi

. Acestă instrucţiune va plasa o linie goală deasupra si dedesubtul textului pentru a fi

evidenţiat, iar browser-ul îl va interpreta ca atare. Exemplu de rulat:

This is a paragraph.

This is another paragraph.

Linkurile html se definesc cu eticheta . Destinaţia linkului este indicate în atributul “href”.

Atributele furnizează informaţii suplimentare despre elementele html.

Exemplu:

This is a link

Atributul „href” defineşte legătura spre o pagină web şi indică locul unde va fi dus userul dacă

dă click pe link-ul indicat. Linkurile pot fi:

interne - către locuri din pagina curentă (anchors) locale - spre alte pagini dar pe acelaşi domeniu globale - spre alte domenii din afara site-ului curent

HTML Links

HTML links are defined with the a tag:

This is a link

Sau, alt exemplu:

HTML Links

HTML linkurile sunt definite cu:

Google

Imaginile html sunt definite cu tag-ul

Sunt specificate, ca şi atribute, fişierul sursă (src), textul alternativ (alt), lăţimea şi înălţimea (width, height):

HTML Images

HTML images are defined with the img tag:

Sursa src=”w3cschools.jpg” se află pe acelaşi nivel cu fişierul html, este necesară pentru aflarea locaţiei fotografiei. Dacă imaginea este stocată pe un alt domeniu, de exemplu scr=http://www.domeniu.com/image.jpg, poate fi util dacă se dispune de spaţiu limitat pe domeniul unde ar fi stocat fişierul .html.

Atributul „alt” afişează un text în locul unei imagini, aceasta dacă, imaginea nu poate fi afişată.

Putem avea de asemenea aliniere orizontală şi verticală a unei imagini, prin atributele „align” şi „valign”. Acestea au fiecare trei opţiuni:

1. Align (orizontal) right left center

2.Valign (vertical) top bottom center

În cazul thumbnails-urilor, acestea sunt versiuni mult mai mici a unor imagini. Pentru obţinerea unui thumbnail, imaginea mare se salvează la o calitate f slabă, ca să aibă dimensiuni mult mai mici, şi apoi această nouă imagine devine un link care duce spre imaginea de rezoluţie bună, de dimensiuni mari. De exemplu:

Se pot verifica crearea de butoane şi liste, la

https://www.w3schools.com/html/html_basic.asp

http://www.domeniu.com/image.jpghttps://www.w3schools.com/html/html_basic.asp

Butoanele sunt definite cu eticheta

HTML Buttons

HTML buttons are defined with the button tag:

Click me

Listele sunt definite cu etichetele , listă neordonată(delimitare prin buline), sau listă ordonată(delimitare prin numere), urmate de eticheta pentru listarea elementelor (list items). Există şi lista de definiţii.

De exemplu:

An Unordered HTML List Coffee Tea Milk An Ordered HTML List Coffee Tea Milk

Sau:

Obiective sa gasesc un job

sa castig bani multi sa devin director

Se poate începe şi cu alt număr: Obiective sa gasesc un job

sa castig bani multi sa devin director

HTML= HyperText Markup Language . . . Limbajul HTML nu este case sensitive, adică se poate scrie la fel de bine cu litere mari sau mici, după preferinţe, fără a influenţa calitatea lucrării realizate. Literele mici sunt mai uşor de scris, de tastat, dar literele mari sunt mai uşor de citit! Head = container de metadate, adică conţine date despe documentul html de afişat; este un conţinut care nu se afişează pe pagină. Acest tag se inserează între zonele de şi Atribut al unui element= adaugă noţiuni adiţionale, informaţii suplimentare despre element. Sunt de obicei specificate în tag-ul de start. Vin de obicei în perechi de tipul nume-valoare, cum ar fi de exemplu forma: name=”value”. Valoarea atributului poate fi inclusă între ghilimele “ “, între apostrofuri ‘ ‘, sau acestea pot lipsi cu desăvârşire. Elemente Titluri – headings. Se specifică în body. Titlu principal Titlu text 2 . . Titlu text6 Are 6 niveluri de titluri, de obicei se folosesc cam 3-4; 1 este cel mai mare, 6 cel mai mic. Se pot defini litere si cu alte dimensiuni de font. Paragrafe – marchează conţinutul de text. Se specifică în body.

My cat is grumpy or very, very grumpy

Imagine – inserează o imagine pe care sistemul o caută în calculator, după numele imaginii. Se specifică în body. Sunt prcedate de tag-ul şi au ca atribut cuvântul cheie “src” care arată sursa imaginii de afişat. img=cuvânt cheie pentru inserare de imagine

src= atribut sursă, arată numele fişierului imagine; se ia adresa url alt=atribut alternativ, adică textul descriptiv care apare dacă imaginea nu poate fi afişată width şi height =lăţimea şi înălţimea imaginii. Aceste valori pot fi întregi, arătând dimensiunea în pixeli a imaginii, pot să ia valori de la [1-100] urmate de %, indicând procentul din dimensiunea originală a imaginii de afişat. Dacă nu apare nico valoare, imaginea este afişată la dimensiunea sa originală. Liste - pot fi:

1. ordonate, specificate prin literele ordered list; sunt numerotate; daca se vrea numerotarea de la o anumită valoare, se adaugă start=nr

2. neordonate specificate prin unordered list; cuvintele din listă sunt precedate de buline

Fiecare element de listă se introduce precedat de tag-ul Exemplu:

At our office we are:

programmers builders thinkers artists

I need to buy:

sau scriem eggs tomatoes potatoes oisters

Link-uri =introduce destinaţia unui link specificat în atributul href Este descris folosind tag-ul de la “ancoră” Exemplu: Atributul href

link-urile html sunt definite cu tag-ul a; adresa linkului este specificată în atributul href

this is a link

Sau, dacă este vorba despre directorul “styles” şi despre fişierul “style.css”:

https://www.w3schools.com/

Butoane Click me Eat me Drink me Elemente vide
sunt definite fără tag de închidere, definind un line break (br=break) Dacă afişăm un text, din perspectiva html nu se vede Enter, deci chiar dacă textul este scris în comandă cu linii libere, la afişare apare scris în continuare. De aceea, dacă de exemplu dorim să afişăm o poezie, sau cateva versuri, avem nevoie de tag-ul de break: Vers1
vers2
vers3
vers4 De asemenea, putem separa liniile de text scriindu-le în paragrafe diferite, prin apariţia lag-ului

text

acesta se va afişa separat printr-un rând liber deasupra textului şi un rând liber dedesubtul textului. Textul mai poate fi separat prin introducerea unei linii orizontale prin tag-ul astfel:

….

… O altă metodă este folosirea tag-ului pentru un text pre-format, care de obicei este Courier, şi care va păstra spaţiile şi line-break-urile. Vers1 Vers2 Vers3 Comentariul este introdus între caracterele: /*Comentariu in format text*/ , browserul va ignora textul atunci când va reda codul.

CSS CSS (Cascading Style Sheets) este codul folosit pentru a personaliza o pagină web. Este vorba despre modul în care elementele apar pe ecran (Appearance) – ca stil, culori ale literelor sau ale fundalului, dimensiuni, etc până la poziţionarea elementelor de pe o pagină web. CSS este astfel un limbaj de stilizare, permiţându-ţi să aplici diferite „stiluri” elementelor din documentele HTML, acestea putând fi incorporate în pagină sau invocate din fişiere externe cu extensie „.css”. Stilurile pot fi deci definite în partea de head a documentului html, sau, dacă sunt în fişiere css externe, ele se pot apela tot din zona head a paginii; se mai poate aplica un stil diferit în partea de body a fişierului html, pentru fiecare tag html în parte. Exemplu: p { font-family:Arial; font-size:14px; color:#003300; text-align: center; line-height: 2 letter-spacing: 1px; } Atributul „background-color” se referă la culoarea fundalului. HELLO!

text paragraf

Dacă scriem doar style şi color,ne vom referi la culoarea textului:

Hello

Sau putem avea un chenar, definit de cuvântul cheie „border”:

text paragraf

Tipurile de linii care se definesc pot avea mai multe stiluri:

dotted – contur punctat dashed – linie întreruptă solid – linie plină double – linie dublă groove – depinde de valoarea culorii bordurii –este mai bine conturat ridge - depinde de valoarea culorii bordurii – este mai subţire inset – chenar în partea stângă şi sus outset – chenar în partea dreaptă şi jos none – fără bordură hidden – bordură ascunsă

Ȋn fişierul html, aceste tipuri de mai sus se pot defini ca:

p.dotted {border-style: dotted;} p.dashed {border-style: dashed;} p.solid {border-style: solid;} p.double {border-style: double;} p.groove {border-style: groove;} p.ridge {border-style: ridge;} p.inset {border-style: inset;} p.outset {border-style: outset;} p.none {border-style: none;} p.hidden {border-style: hidden;} p.mix {border-style: dotted dashed solid double;}

Un alt exemplu: div { background-color: rgb(0, 191, 255); color: rgb(255, 255, 255); padding: 20px; margin: 30px; } London is the capital city of England.

It is the city with the greatest population in the United Kingdom, with a metropolitan area of over 13 million inhabitants.

Unde „padding” defineşte spaţiul dintre text şi border iar „margin” specifică marginea sau spaţiul din afara bordurii/border. Tag-ul arată boldarea fontului. Designul CSS este asemnănat unor cutii(dimensiune, culoare, poziţie) care conţin text sau imagini, sau alte elemente; se observă că elementele html pot fi privite ca nişte cutii aşezate unele peste altele. Din aceste motive, modelul figurativ pe care se bazează arhitectura CSS este acela de „model box”. Blocurile din pagina web au o structură de cutie şi au proprietăţi cum ar fi: margin, border sau padding.

Pentru a selecta toate elementele paragraf dintr-o pagină HTML și a transforma textul din interiorul acestora în roșu, se va scrie acest cod CSS de declaraţie: p { color: red; } Unde „color”=proprietatea iar „red”=valoarea proprietăţii. Fiecare set de reguli (în afară de selector) trebuie să fie în interiorul acoladelor {}. În cadrul fiecărei declarații, trebuie să folosești două puncte „:” pentru a separa proprietatea de valorile sale. În cadrul fiecărui set de reguli, trebuie să folosești punct și virgulă „;” pentru a separa fiecare declarație de următoarea. Pentru a modifica simultan mai multe valori ale proprietății, trebuie doar să le separi folosind punct și virgulă, astfel: p { color: blue; width: 500px; border: 1px solid red; } Se pot selecta şi mai multe elemente cărora să li se atribuie aceleaşi proprietăţi, ca de exemplu: p, li, h1 { color:red; } Atributul style – controlează şi defineşte aspecte cum ar fi culoarea, fontul, dimensiunea elementelor html, de exemplu:

Paragraph

Unde culoarea poate fi definită, printre altele, ca şi denumire. Sunt recunoscute 140 de nume de culori, cum ar fi clasicele red, cyan, blue, black, magenta, green dar şi orange, tomato, gray, slateblue. (vezi tabelele de la sfârşit) Limba documentului poate fi setată prin atributul „lang”, de exemplu: Atributul „title” – arată textul care apare afişat la mouse-over peste acest paragraf:

paragraf

Culoarea poate fi definită astfel:

- în valori de la 0-255 ca „rgb”, de exemplu (234, 230, 49) sau rgb(0,0,255) este albastru, rgb(0,255,0) este verde iar rgb(255,0,0) este roşu; nuanţele de gri sunt date de valori egale, de exemplu rgb(0,0,0) este negru, rgb(255,255,255) este alb iar rgb(128,128,128) este o nuanţă de gri

- prin 3 valori hexazecimale, de la 00 la ff(255), precedate de #: #003344 (#rrggbb); #FF0000 este roşu, #00FF00 este verde, #0000FF este albastru; #000000 este negru; #ffffff este alb, sau #808080 este o nuanţă de gri

- prin „rgba” adica rgb+alpha channel care dă opacitatea culorii, 0.0 este total transparent iar 1.0 este deloc transparent

- prin „hsl” hue-saturation-lightness, ex: (9, 80%,64% )

A se vedea exemplele şi tabelele de la sfârşitul lucrării Fonturile au ca proprietăţi culoarea, tipul de font şi dimensiunea. Astfel, putem avea de exemplu: h1{ color:blue; font-family: verdana; font-size: 300%; border: 5px solid green; } p{ color:red; font-family:arial; font-size:200%; }

3. O a treia variantă este declararea externă a stilului, într-un fişier cu extensia „.css” ce poate fi scris în orice editor de text, de exemplu în Notepad.

„style.css” body { background-color: pink; } h1 { color: blue; } p { color: red } Iar invocarea fişierului de stiluri se va face astfel: heading

paragraph

Utilitatea stilurilor CSS şi a variantei 3 constă în faptul că, având un singur fişier de stiluri, cu acesta putem stiliza mai multe pagini web. Dacă vom vrea apoi să facem o modificare pe site, nu trebuie modificată/editată fiecare pagină, ci se modifică doar fişierul .css extern. Ca şi ierarhie, aceasta funcţionează astfel: Este luat în considerare în primul rând fişierul extern(3); apoi se consideră stilul(2) definit în zona de care va suprascrie stilul din fişier; apoi este luat în consideraţie stilul inline(1) care va suprascrie celelalte stiluri definite anterior. www.w3schools.com https://developer.mozilla.org/ro/docs https://it.webdesign-galaxy.ro

Color Name HEX

AliceBlue #F0F8FF

AntiqueWhite #FAEBD7

Aqua #00FFFF

Aquamarine #7FFFD4

Azure #F0FFFF

http://www.w3schools.com/https://developer.mozilla.org/ro/docshttps://www.w3schools.com/colors/color_tryit.asp?color=AliceBluehttps://www.w3schools.com/colors/color_tryit.asp?hex=F0F8FFhttps://www.w3schools.com/colors/color_tryit.asp?color=AntiqueWhitehttps://www.w3schools.com/colors/color_tryit.asp?hex=FAEBD7https://www.w3schools.com/colors/color_tryit.asp?color=Aquahttps://www.w3schools.com/colors/color_tryit.asp?hex=00FFFFhttps://www.w3schools.com/colors/color_tryit.asp?color=Aquamarinehttps://www.w3schools.com/colors/color_tryit.asp?hex=7FFFD4https://www.w3schools.com/colors/color_tryit.asp?color=Azurehttps://www.w3schools.com/colors/color_tryit.asp?hex=F0FFFF

Beige #F5F5DC

Bisque #FFE4C4

Black #000000

BlanchedAlmond #FFEBCD

Blue #0000FF

BlueViolet #8A2BE2

Brown #A52A2A

BurlyWood #DEB887

CadetBlue #5F9EA0

Chartreuse #7FFF00

Chocolate #D2691E

Coral #FF7F50

CornflowerBlue #6495ED

Cornsilk #FFF8DC

Crimson #DC143C

Cyan #00FFFF

DarkBlue #00008B

DarkCyan #008B8B

DarkGoldenRod #B8860B

DarkGray #A9A9A9

DarkGrey #A9A9A9

DarkGreen #006400

DarkKhaki #BDB76B

DarkMagenta #8B008B

DarkOliveGreen #556B2F

DarkOrange #FF8C00

DarkOrchid #9932CC

DarkRed #8B0000

https://www.w3schools.com/colors/color_tryit.asp?color=Beigehttps://www.w3schools.com/colors/color_tryit.asp?hex=F5F5DChttps://www.w3schools.com/colors/color_tryit.asp?color=Bisquehttps://www.w3schools.com/colors/color_tryit.asp?hex=FFE4C4https://www.w3schools.com/colors/color_tryit.asp?color=Blackhttps://www.w3schools.com/colors/color_tryit.asp?hex=000000https://www.w3schools.com/colors/color_tryit.asp?color=BlanchedAlmondhttps://www.w3schools.com/colors/color_tryit.asp?hex=FFEBCDhttps://www.w3schools.com/colors/color_tryit.asp?color=Bluehttps://www.w3schools.com/colors/color_tryit.asp?hex=0000FFhttps://www.w3schools.com/colors/color_tryit.asp?color=BlueViolethttps://www.w3schools.com/colors/color_tryit.asp?hex=8A2BE2https://www.w3schools.com/colors/color_tryit.asp?color=Brownhttps://www.w3schools.com/colors/color_tryit.asp?hex=A52A2Ahttps://www.w3schools.com/colors/color_tryit.asp?color=BurlyWoodhttps://www.w3schools.com/colors/color_tryit.asp?hex=DEB887https://www.w3schools.com/colors/color_tryit.asp?color=CadetBluehttps://www.w3schools.com/colors/color_tryit.asp?hex=5F9EA0https://www.w3schools.com/colors/color_tryit.asp?color=Chartreusehttps://www.w3schools.com/colors/color_tryit.asp?hex=7FFF00https://www.w3schools.com/colors/color_tryit.asp?color=Chocolatehttps://www.w3schools.com/colors/color_tryit.asp?hex=D2691Ehttps://www.w3schools.com/colors/color_tryit.asp?color=Coralhttps://www.w3schools.com/colors/color_tryit.asp?hex=FF7F50https://www.w3schools.com/colors/color_tryit.asp?color=CornflowerBluehttps://www.w3schools.com/colors/color_tryit.asp?hex=6495EDhttps://www.w3schools.com/colors/color_tryit.asp?color=Cornsilkhttps://www.w3schools.com/colors/color_tryit.asp?hex=FFF8DChttps://www.w3schools.com/colors/color_tryit.asp?color=Crimsonhttps://www.w3schools.com/colors/color_tryit.asp?hex=DC143Chttps://www.w3schools.com/colors/color_tryit.asp?color=Cyanhttps://www.w3schools.com/colors/color_tryit.asp?hex=00FFFFhttps://www.w3schools.com/colors/color_tryit.asp?color=DarkBluehttps://www.w3schools.com/colors/color_tryit.asp?hex=00008Bhttps://www.w3schools.com/colors/color_tryit.asp?color=DarkCyanhttps://www.w3schools.com/colors/color_tryit.asp?hex=008B8Bhttps://www.w3schools.com/colors/color_tryit.asp?color=DarkGoldenRodhttps://www.w3schools.com/colors/color_tryit.asp?hex=B8860Bhttps://www.w3schools.com/colors/color_tryit.asp?color=DarkGrayhttps://www.w3schools.com/colors/color_tryit.asp?hex=A9A9A9https://www.w3schools.com/colors/color_tryit.asp?color=DarkGreyhttps://www.w3schools.com/colors/color_tryit.asp?hex=A9A9A9https://www.w3schools.com/colors/color_tryit.asp?color=DarkGreenhttps://www.w3schools.com/colors/color_tryit.asp?hex=006400https://www.w3schools.com/colors/color_tryit.asp?color=DarkKhakihttps://www.w3schools.com/colors/color_tryit.asp?hex=BDB76Bhttps://www.w3schools.com/colors/color_tryit.asp?color=DarkMagentahttps://www.w3schools.com/colors/color_tryit.asp?hex=8B008Bhttps://www.w3schools.com/colors/color_tryit.asp?color=DarkOliveGreenhttps://www.w3schools.com/colors/color_tryit.asp?hex=556B2Fhttps://www.w3schools.com/colors/color_tryit.asp?color=DarkOrangehttps://www.w3schools.com/colors/color_tryit.asp?hex=FF8C00https://www.w3schools.com/colors/color_tryit.asp?color=DarkOrchidhttps://www.w3schools.com/colors/color_tryit.asp?hex=9932CChttps://www.w3schools.com/colors/color_tryit.asp?color=DarkRedhttps://www.w3schools.com/colors/color_tryit.asp?hex=8B0000

DarkSalmon #E9967A

DarkSeaGreen #8FBC8F

DarkSlateBlue #483D8B

DarkSlateGray #2F4F4F

DarkSlateGrey #2F4F4F

DarkTurquoise #00CED1

DarkViolet #9400D3

DeepPink #FF1493

DeepSkyBlue #00BFFF

DimGray #696969

DimGrey #696969

DodgerBlue #1E90FF

FireBrick #B22222

FloralWhite #FFFAF0

ForestGreen #228B22

Fuchsia #FF00FF

Gainsboro #DCDCDC

GhostWhite #F8F8FF

Gold #FFD700

GoldenRod #DAA520

Gray #808080

Grey #808080

Green #008000

GreenYellow #ADFF2F

HoneyDew #F0FFF0

HotPink #FF69B4

IndianRed #CD5C5C

Indigo #4B0082

https://www.w3schools.com/colors/color_tryit.asp?color=DarkSalmonhttps://www.w3schools.com/colors/color_tryit.asp?hex=E9967Ahttps://www.w3schools.com/colors/color_tryit.asp?color=DarkSeaGreenhttps://www.w3schools.com/colors/color_tryit.asp?hex=8FBC8Fhttps://www.w3schools.com/colors/color_tryit.asp?color=DarkSlateBluehttps://www.w3schools.com/colors/color_tryit.asp?hex=483D8Bhttps://www.w3schools.com/colors/color_tryit.asp?color=DarkSlateGrayhttps://www.w3schools.com/colors/color_tryit.asp?hex=2F4F4Fhttps://www.w3schools.com/colors/color_tryit.asp?color=DarkSlateGreyhttps://www.w3schools.com/colors/color_tryit.asp?hex=2F4F4Fhttps://www.w3schools.com/colors/color_tryit.asp?color=DarkTurquoisehttps://www.w3schools.com/colors/color_tryit.asp?hex=00CED1https://www.w3schools.com/colors/color_tryit.asp?color=DarkViolethttps://www.w3schools.com/colors/color_tryit.asp?hex=9400D3https://www.w3schools.com/colors/color_tryit.asp?color=DeepPinkhttps://www.w3schools.com/colors/color_tryit.asp?hex=FF1493https://www.w3schools.com/colors/color_tryit.asp?color=DeepSkyBluehttps://www.w3schools.com/colors/color_tryit.asp?hex=00BFFFhttps://www.w3schools.com/colors/color_tryit.asp?color=DimGrayhttps://www.w3schools.com/colors/color_tryit.asp?hex=696969https://www.w3schools.com/colors/color_tryit.asp?color=DimGreyhttps://www.w3schools.com/colors/color_tryit.asp?hex=696969https://www.w3schools.com/colors/color_tryit.asp?color=DodgerBluehttps://www.w3schools.com/colors/color_tryit.asp?hex=1E90FFhttps://www.w3schools.com/colors/color_tryit.asp?color=FireBrickhttps://www.w3schools.com/colors/color_tryit.asp?hex=B22222https://www.w3schools.com/colors/color_tryit.asp?color=FloralWhitehttps://www.w3schools.com/colors/color_tryit.asp?hex=FFFAF0https://www.w3schools.com/colors/color_tryit.asp?color=ForestGreenhttps://www.w3schools.com/colors/color_tryit.asp?hex=228B22https://www.w3schools.com/colors/color_tryit.asp?color=Fuchsiahttps://www.w3schools.com/colors/color_tryit.asp?hex=FF00FFhttps://www.w3schools.com/colors/color_tryit.asp?color=Gainsborohttps://www.w3schools.com/colors/color_tryit.asp?hex=DCDCDChttps://www.w3schools.com/colors/color_tryit.asp?color=GhostWhitehttps://www.w3schools.com/colors/color_tryit.asp?hex=F8F8FFhttps://www.w3schools.com/colors/color_tryit.asp?color=Goldhttps://www.w3schools.com/colors/color_tryit.asp?hex=FFD700https://www.w3schools.com/colors/color_tryit.asp?color=GoldenRodhttps://www.w3schools.com/colors/color_tryit.asp?hex=DAA520https://www.w3schools.com/colors/color_tryit.asp?color=Grayhttps://www.w3schools.com/colors/color_tryit.asp?hex=808080https://www.w3schools.com/colors/color_tryit.asp?color=Greyhttps://www.w3schools.com/colors/color_tryit.asp?hex=808080https://www.w3schools.com/colors/color_tryit.asp?color=Greenhttps://www.w3schools.com/colors/color_tryit.asp?hex=008000https://www.w3schools.com/colors/color_tryit.asp?color=GreenYellowhttps://www.w3schools.com/colors/color_tryit.asp?hex=ADFF2Fhttps://www.w3schools.com/colors/color_tryit.asp?color=HoneyDewhttps://www.w3schools.com/colors/color_tryit.asp?hex=F0FFF0https://www.w3schools.com/colors/color_tryit.asp?color=HotPinkhttps://www.w3schools.com/colors/color_tryit.asp?hex=FF69B4https://www.w3schools.com/colors/color_tryit.asp?color=IndianRedhttps://www.w3schools.com/colors/color_tryit.asp?hex=CD5C5Chttps://www.w3schools.com/colors/color_tryit.asp?color=Indigohttps://www.w3schools.com/colors/color_tryit.asp?hex=4B0082

Ivory #FFFFF0

Khaki #F0E68C

Lavender #E6E6FA

LavenderBlush #FFF0F5

LawnGreen #7CFC00

LemonChiffon #FFFACD

LightBlue #ADD8E6

LightCoral #F08080

LightCyan #E0FFFF

LightGoldenRodYellow #FAFAD2

LightGray #D3D3D3

LightGrey #D3D3D3

LightGreen #90EE90

LightPink #FFB6C1

LightSalmon #FFA07A

LightSeaGreen #20B2AA

LightSkyBlue #87CEFA

LightSlateGray #778899

LightSlateGrey #778899

LightSteelBlue #B0C4DE

LightYellow #FFFFE0

Lime #00FF00

LimeGreen #32CD32

Linen #FAF0E6

Magenta #FF00FF

Maroon #800000

MediumAquaMarine #66CDAA

MediumBlue #0000CD

https://www.w3schools.com/colors/color_tryit.asp?color=Ivoryhttps://www.w3schools.com/colors/color_tryit.asp?hex=FFFFF0https://www.w3schools.com/colors/color_tryit.asp?color=Khakihttps://www.w3schools.com/colors/color_tryit.asp?hex=F0E68Chttps://www.w3schools.com/colors/color_tryit.asp?color=Lavenderhttps://www.w3schools.com/colors/color_tryit.asp?hex=E6E6FAhttps://www.w3schools.com/colors/color_tryit.asp?color=LavenderBlushhttps://www.w3schools.com/colors/color_tryit.asp?hex=FFF0F5https://www.w3schools.com/colors/color_tryit.asp?color=LawnGreenhttps://www.w3schools.com/colors/color_tryit.asp?hex=7CFC00https://www.w3schools.com/colors/color_tryit.asp?color=LemonChiffonhttps://www.w3schools.com/colors/color_tryit.asp?hex=FFFACDhttps://www.w3schools.com/colors/color_tryit.asp?color=LightBluehttps://www.w3schools.com/colors/color_tryit.asp?hex=ADD8E6https://www.w3schools.com/colors/color_tryit.asp?color=LightCoralhttps://www.w3schools.com/colors/color_tryit.asp?hex=F08080https://www.w3schools.com/colors/color_tryit.asp?color=LightCyanhttps://www.w3schools.com/colors/color_tryit.asp?hex=E0FFFFhttps://www.w3schools.com/colors/color_tryit.asp?color=LightGoldenRodYellowhttps://www.w3schools.com/colors/color_tryit.asp?hex=FAFAD2https://www.w3schools.com/colors/color_tryit.asp?color=LightGrayhttps://www.w3schools.com/colors/color_tryit.asp?hex=D3D3D3https://www.w3schools.com/colors/color_tryit.asp?color=LightGreyhttps://www.w3schools.com/colors/color_tryit.asp?hex=D3D3D3https://www.w3schools.com/colors/color_tryit.asp?color=LightGreenhttps://www.w3schools.com/colors/color_tryit.asp?hex=90EE90https://www.w3schools.com/colors/color_tryit.asp?color=LightPinkhttps://www.w3schools.com/colors/color_tryit.asp?hex=FFB6C1https://www.w3schools.com/colors/color_tryit.asp?color=LightSalmonhttps://www.w3schools.com/colors/color_tryit.asp?hex=FFA07Ahttps://www.w3schools.com/colors/color_tryit.asp?color=LightSeaGreenhttps://www.w3schools.com/colors/color_tryit.asp?hex=20B2AAhttps://www.w3schools.com/colors/color_tryit.asp?color=LightSkyBluehttps://www.w3schools.com/colors/color_tryit.asp?hex=87CEFAhttps://www.w3schools.com/colors/color_tryit.asp?color=LightSlateGrayhttps://www.w3schools.com/colors/color_tryit.asp?hex=778899https://www.w3schools.com/colors/color_tryit.asp?color=LightSlateGreyhttps://www.w3schools.com/colors/color_tryit.asp?hex=778899https://www.w3schools.com/colors/color_tryit.asp?color=LightSteelBluehttps://www.w3schools.com/colors/color_tryit.asp?hex=B0C4DEhttps://www.w3schools.com/colors/color_tryit.asp?color=LightYellowhttps://www.w3schools.com/colors/color_tryit.asp?hex=FFFFE0https://www.w3schools.com/colors/color_tryit.asp?color=Limehttps://www.w3schools.com/colors/color_tryit.asp?hex=00FF00https://www.w3schools.com/colors/color_tryit.asp?color=LimeGreenhttps://www.w3schools.com/colors/color_tryit.asp?hex=32CD32https://www.w3schools.com/colors/color_tryit.asp?color=Linenhttps://www.w3schools.com/colors/color_tryit.asp?hex=FAF0E6https://www.w3schools.com/colors/color_tryit.asp?color=Magentahttps://www.w3schools.com/colors/color_tryit.asp?hex=FF00FFhttps://www.w3schools.com/colors/color_tryit.asp?color=Maroonhttps://www.w3schools.com/colors/color_tryit.asp?hex=800000https://www.w3schools.com/colors/color_tryit.asp?color=MediumAquaMarinehttps://www.w3schools.com/colors/color_tryit.asp?hex=66CDAAhttps://www.w3schools.com/colors/color_tryit.asp?color=MediumBluehttps://www.w3schools.com/colors/color_tryit.asp?hex=0000CD

MediumOrchid #BA55D3

MediumPurple #9370DB

MediumSeaGreen #3CB371

MediumSlateBlue #7B68EE

MediumSpringGreen #00FA9A

MediumTurquoise #48D1CC

MediumVioletRed #C71585

MidnightBlue #191970

MintCream #F5FFFA

MistyRose #FFE4E1

Moccasin #FFE4B5

NavajoWhite #FFDEAD

Navy #000080

OldLace #FDF5E6

Olive #808000

OliveDrab #6B8E23

Orange #FFA500

OrangeRed #FF4500

Orchid #DA70D6

PaleGoldenRod #EEE8AA

PaleGreen #98FB98

PaleTurquoise #AFEEEE

PaleVioletRed #DB7093

PapayaWhip #FFEFD5

PeachPuff #FFDAB9

Peru #CD853F

Pink #FFC0CB

Plum #DDA0DD

https://www.w3schools.com/colors/color_tryit.asp?color=MediumOrchidhttps://www.w3schools.com/colors/color_tryit.asp?hex=BA55D3https://www.w3schools.com/colors/color_tryit.asp?color=MediumPurplehttps://www.w3schools.com/colors/color_tryit.asp?hex=9370DBhttps://www.w3schools.com/colors/color_tryit.asp?color=MediumSeaGreenhttps://www.w3schools.com/colors/color_tryit.asp?hex=3CB371https://www.w3schools.com/colors/color_tryit.asp?color=MediumSlateBluehttps://www.w3schools.com/colors/color_tryit.asp?hex=7B68EEhttps://www.w3schools.com/colors/color_tryit.asp?color=MediumSpringGreenhttps://www.w3schools.com/colors/color_tryit.asp?hex=00FA9Ahttps://www.w3schools.com/colors/color_tryit.asp?color=MediumTurquoisehttps://www.w3schools.com/colors/color_tryit.asp?hex=48D1CChttps://www.w3schools.com/colors/color_tryit.asp?color=MediumVioletRedhttps://www.w3schools.com/colors/color_tryit.asp?hex=C71585https://www.w3schools.com/colors/color_tryit.asp?color=MidnightBluehttps://www.w3schools.com/colors/color_tryit.asp?hex=191970https://www.w3schools.com/colors/color_tryit.asp?color=MintCreamhttps://www.w3schools.com/colors/color_tryit.asp?hex=F5FFFAhttps://www.w3schools.com/colors/color_tryit.asp?color=MistyRosehttps://www.w3schools.com/colors/color_tryit.asp?hex=FFE4E1https://www.w3schools.com/colors/color_tryit.asp?color=Moccasinhttps://www.w3schools.com/colors/color_tryit.asp?hex=FFE4B5https://www.w3schools.com/colors/color_tryit.asp?color=NavajoWhitehttps://www.w3schools.com/colors/color_tryit.asp?hex=FFDEADhttps://www.w3schools.com/colors/color_tryit.asp?color=Navyhttps://www.w3schools.com/colors/color_tryit.asp?hex=000080https://www.w3schools.com/colors/color_tryit.asp?color=OldLacehttps://www.w3schools.com/colors/color_tryit.asp?hex=FDF5E6https://www.w3schools.com/colors/color_tryit.asp?color=Olivehttps://www.w3schools.com/colors/color_tryit.asp?hex=808000https://www.w3schools.com/colors/color_tryit.asp?color=OliveDrabhttps://www.w3schools.com/colors/color_tryit.asp?hex=6B8E23https://www.w3schools.com/colors/color_tryit.asp?color=Orangehttps://www.w3schools.com/colors/color_tryit.asp?hex=FFA500https://www.w3schools.com/colors/color_tryit.asp?color=OrangeRedhttps://www.w3schools.com/colors/color_tryit.asp?hex=FF4500https://www.w3schools.com/colors/color_tryit.asp?color=Orchidhttps://www.w3schools.com/colors/color_tryit.asp?hex=DA70D6https://www.w3schools.com/colors/color_tryit.asp?color=PaleGoldenRodhttps://www.w3schools.com/colors/color_tryit.asp?hex=EEE8AAhttps://www.w3schools.com/colors/color_tryit.asp?color=PaleGreenhttps://www.w3schools.com/colors/color_tryit.asp?hex=98FB98https://www.w3schools.com/colors/color_tryit.asp?color=PaleTurquoisehttps://www.w3schools.com/colors/color_tryit.asp?hex=AFEEEEhttps://www.w3schools.com/colors/color_tryit.asp?color=PaleVioletRedhttps://www.w3schools.com/colors/color_tryit.asp?hex=DB7093https://www.w3schools.com/colors/color_tryit.asp?color=PapayaWhiphttps://www.w3schools.com/colors/color_tryit.asp?hex=FFEFD5https://www.w3schools.com/colors/color_tryit.asp?color=PeachPuffhttps://www.w3schools.com/colors/color_tryit.asp?hex=FFDAB9https://www.w3schools.com/colors/color_tryit.asp?color=Peruhttps://www.w3schools.com/colors/color_tryit.asp?hex=CD853Fhttps://www.w3schools.com/colors/color_tryit.asp?color=Pinkhttps://www.w3schools.com/colors/color_tryit.asp?hex=FFC0CBhttps://www.w3schools.com/colors/color_tryit.asp?color=Plumhttps://www.w3schools.com/colors/color_tryit.asp?hex=DDA0DD

PowderBlue #B0E0E6

Purple #800080

RebeccaPurple #663399

Red #FF0000

RosyBrown #BC8F8F

RoyalBlue #4169E1

SaddleBrown #8B4513

Salmon #FA8072

SandyBrown #F4A460

SeaGreen #2E8B57

SeaShell #FFF5EE

Sienna #A0522D

Silver #C0C0C0

SkyBlue #87CEEB

SlateBlue #6A5ACD

SlateGray #708090

SlateGrey #708090

Snow #FFFAFA

SpringGreen #00FF7F

SteelBlue #4682B4

Tan #D2B48C

Teal #008080

Thistle #D8BFD8

Tomato #FF6347

Turquoise #40E0D0

Violet #EE82EE

Wheat #F5DEB3

White #FFFFFF

https://www.w3schools.com/colors/color_tryit.asp?color=PowderBluehttps://www.w3schools.com/colors/color_tryit.asp?hex=B0E0E6https://www.w3schools.com/colors/color_tryit.asp?color=Purplehttps://www.w3schools.com/colors/color_tryit.asp?hex=800080https://www.w3schools.com/colors/color_tryit.asp?color=RebeccaPurplehttps://www.w3schools.com/colors/color_tryit.asp?hex=663399https://www.w3schools.com/colors/color_tryit.asp?color=Redhttps://www.w3schools.com/colors/color_tryit.asp?hex=FF0000https://www.w3schools.com/colors/color_tryit.asp?color=RosyBrownhttps://www.w3schools.com/colors/color_tryit.asp?hex=BC8F8Fhttps://www.w3schools.com/colors/color_tryit.asp?color=RoyalBluehttps://www.w3schools.com/colors/color_tryit.asp?hex=4169E1https://www.w3schools.com/colors/color_tryit.asp?color=SaddleBrownhttps://www.w3schools.com/colors/color_tryit.asp?hex=8B4513https://www.w3schools.com/colors/color_tryit.asp?color=Salmonhttps://www.w3schools.com/colors/color_tryit.asp?hex=FA8072https://www.w3schools.com/colors/color_tryit.asp?color=SandyBrownhttps://www.w3schools.com/colors/color_tryit.asp?hex=F4A460https://www.w3schools.com/colors/color_tryit.asp?color=SeaGreenhttps://www.w3schools.com/colors/color_tryit.asp?hex=2E8B57https://www.w3schools.com/colors/color_tryit.asp?color=SeaShellhttps://www.w3schools.com/colors/color_tryit.asp?hex=FFF5EEhttps://www.w3schools.com/colors/color_tryit.asp?color=Siennahttps://www.w3schools.com/colors/color_tryit.asp?hex=A0522Dhttps://www.w3schools.com/colors/color_tryit.asp?color=Silverhttps://www.w3schools.com/colors/color_tryit.asp?hex=C0C0C0https://www.w3schools.com/colors/color_tryit.asp?color=SkyBluehttps://www.w3schools.com/colors/color_tryit.asp?hex=87CEEBhttps://www.w3schools.com/colors/color_tryit.asp?color=SlateBluehttps://www.w3schools.com/colors/color_tryit.asp?hex=6A5ACDhttps://www.w3schools.com/colors/color_tryit.asp?color=SlateGrayhttps://www.w3schools.com/colors/color_tryit.asp?hex=708090https://www.w3schools.com/colors/color_tryit.asp?color=SlateGreyhttps://www.w3schools.com/colors/color_tryit.asp?hex=708090https://www.w3schools.com/colors/color_tryit.asp?color=Snowhttps://www.w3schools.com/colors/color_tryit.asp?hex=FFFAFAhttps://www.w3schools.com/colors/color_tryit.asp?color=SpringGreenhttps://www.w3schools.com/colors/color_tryit.asp?hex=00FF7Fhttps://www.w3schools.com/colors/color_tryit.asp?color=SteelBluehttps://www.w3schools.com/colors/color_tryit.asp?hex=4682B4https://www.w3schools.com/colors/color_tryit.asp?color=Tanhttps://www.w3schools.com/colors/color_tryit.asp?hex=D2B48Chttps://www.w3schools.com/colors/color_tryit.asp?color=Tealhttps://www.w3schools.com/colors/color_tryit.asp?hex=008080https://www.w3schools.com/colors/color_tryit.asp?color=Thistlehttps://www.w3schools.com/colors/color_tryit.asp?hex=D8BFD8https://www.w3schools.com/colors/color_tryit.asp?color=Tomatohttps://www.w3schools.com/colors/color_tryit.asp?hex=FF6347https://www.w3schools.com/colors/color_tryit.asp?color=Turquoisehttps://www.w3schools.com/colors/color_tryit.asp?hex=40E0D0https://www.w3schools.com/colors/color_tryit.asp?color=Violethttps://www.w3schools.com/colors/color_tryit.asp?hex=EE82EEhttps://www.w3schools.com/colors/color_tryit.asp?color=Wheathttps://www.w3schools.com/colors/color_tryit.asp?hex=F5DEB3https://www.w3schools.com/colors/color_tryit.asp?color=Whitehttps://www.w3schools.com/colors/color_tryit.asp?hex=FFFFFF

WhiteSmoke #F5F5F5

Yellow #FFFF00

YellowGreen #9ACD32

https://www.w3schools.com/colors/color_tryit.asp?color=WhiteSmokehttps://www.w3schools.com/colors/color_tryit.asp?hex=F5F5F5https://www.w3schools.com/colors/color_tryit.asp?color=Yellowhttps://www.w3schools.com/colors/color_tryit.asp?hex=FFFF00https://www.w3schools.com/colors/color_tryit.asp?color=YellowGreenhttps://www.w3schools.com/colors/color_tryit.asp?hex=9ACD32

Gray Shades HEX RGB

#000000 rgb(0,0,0)

#080808 rgb(8,8,8)

#101010 rgb(16,16,16)

#181818 rgb(24,24,24)

#202020 rgb(32,32,32)

#282828 rgb(40,40,40)

#303030 rgb(48,48,48)

#383838 rgb(56,56,56)

#404040 rgb(64,64,64)

#484848 rgb(72,72,72)

#505050 rgb(80,80,80)

#585858 rgb(88,88,88)

#606060 rgb(96,96,96)

#686868 rgb(104,104,104)

#696969 rgb(105,105,105)

#707070 rgb(112,112,112)

#787878 rgb(120,120,120)

HTML Gray #808080 rgb(128,128,128)

#888888 rgb(136,136,136)

#909090 rgb(144,144,144)

#989898 rgb(152,152,152)

#A0A0A0 rgb(160,160,160)

#A8A8A8 rgb(168,168,168)

HTML DarkGray !!! #A9A9A9 rgb(169,169,169)

#B0B0B0 rgb(176,176,176)

#B8B8B8 rgb(184,184,184)

X11 Gray #BEBEBE rgb(190,190,190)

HTML Silver #C0C0C0 rgb(192,192,192)

https://www.w3schools.com/Html/html_headings.asp https://www.w3schools.com/html/html_elements.asp https://tutorialehtml.com/ro https://www.w3schools.com/html/html_intro.asp https://opti-seo.ro https://developer.mozilla.org https://www.w3schools.com/html https://tutorialehtml.com/ro

#C8C8C8 rgb(200,200,200)

#D0D0D0 rgb(208,208,208)

HTML LightGray #D3D3D3 rgb(211,211,211)

#D8D8D8 rgb(216,216,216)

HTML Gainsboro #DCDCDC rgb(220,220,220)

#E0E0E0 rgb(224,224,224)

#E8E8E8 rgb(232,232,232)

#F0F0F0 rgb(240,240,240)

HTML WhiteSmoke #F5F5F5 rgb(245,245,245)

#F8F8F8 rgb(248,248,248)

HTML White #FFFFFF rgb(255,255,255)

https://www.w3schools.com/html/html_elements.asphttps://developer.mozilla.org/