ază de date MySQL - utcluj.ro · SQL=Structured Query Language. Sunt multe aplicaţii care...
Transcript of ază de date MySQL - utcluj.ro · SQL=Structured Query Language. Sunt multe aplicaţii care...
-
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-uluitext
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/