SlideShare a Scribd company logo
1 of 6
Download to read offline
Using colours on the web
Using our eyes, colours are infinite…
On a screen, they are not.
Images you see on a screen are pixelated, or made up of tiny
sections called pixels:
Therefore, images can be measured in size, but are more likely to be measured
in pixels (px). The more pixels, the better quality the image.
Every pixel is a colour…
…and every colour on a screen is made up of a different
combination of:
RED GREEN and BLUE
This is called the ‘RGB Colour System’.
Web Colours – Hexadecimal numbers (Hex)
In the context of web pages, Hexadecimal numbers are used on web
pages to set colours.
This is a six figure code (letters and numbers) that denotes how much
red, green and blue is in the colour.
This hex code is often preceded by a hashtag (#).
#000000 Black
#ffffff White
#6caddf St Catherine’s Bluehttp://thecolourclock.co.uk/
Creating a colour palette
Palette - the range of colours used by a particular artist or in a
particular picture/work.
In the online space - a palette is the selection of colours that are used
throughout the website.
It is useful to have a palette of up to 8 colours/shades at your disposal.
They should work well together and provide a representation of the
core business of the website.

More Related Content

Similar to Hexadecimal Colours

Characteristics of Display Adapter
Characteristics of Display AdapterCharacteristics of Display Adapter
Characteristics of Display Adapterssuser255bf1
 
Digital Coding of Images.pptx
Digital Coding of Images.pptxDigital Coding of Images.pptx
Digital Coding of Images.pptxemsResulzade1
 
Lec-11_RGB and CMY color Model- complete.pptx
Lec-11_RGB and CMY color Model- complete.pptxLec-11_RGB and CMY color Model- complete.pptx
Lec-11_RGB and CMY color Model- complete.pptxabhinavkar36
 
AAMUG Color Mgt Mar2010
AAMUG Color Mgt Mar2010AAMUG Color Mgt Mar2010
AAMUG Color Mgt Mar2010SciaticNerd
 
Adobe photoshop cc - session1
Adobe photoshop cc - session1Adobe photoshop cc - session1
Adobe photoshop cc - session1Ahmed Mousa
 
Things to consider when designing websites
Things to consider when designing websitesThings to consider when designing websites
Things to consider when designing websitesNic Finch
 
RGB Color Model and Monitor Resolution
RGB Color Model and Monitor ResolutionRGB Color Model and Monitor Resolution
RGB Color Model and Monitor ResolutionAdya Tiwari
 
Pixel and resolution
Pixel and resolutionPixel and resolution
Pixel and resolutionrosstapher
 
VCT 3080 Resample Lecture
VCT 3080 Resample LectureVCT 3080 Resample Lecture
VCT 3080 Resample LectureBeth Vollmar
 
Sesion 2.1 introduction to photoshop (basic)
Sesion 2.1   introduction to photoshop (basic)Sesion 2.1   introduction to photoshop (basic)
Sesion 2.1 introduction to photoshop (basic)John Josef Jimenez
 
Colours and Menus - HMI Presentation
Colours and Menus - HMI PresentationColours and Menus - HMI Presentation
Colours and Menus - HMI PresentationANUP MULAY
 

Similar to Hexadecimal Colours (20)

1.1.2.pdf
1.1.2.pdf1.1.2.pdf
1.1.2.pdf
 
Characteristics of Display Adapter
Characteristics of Display AdapterCharacteristics of Display Adapter
Characteristics of Display Adapter
 
dip.pptx
dip.pptxdip.pptx
dip.pptx
 
Digital Coding of Images.pptx
Digital Coding of Images.pptxDigital Coding of Images.pptx
Digital Coding of Images.pptx
 
Color
ColorColor
Color
 
Lec-11_RGB and CMY color Model- complete.pptx
Lec-11_RGB and CMY color Model- complete.pptxLec-11_RGB and CMY color Model- complete.pptx
Lec-11_RGB and CMY color Model- complete.pptx
 
Bitmap vector2
Bitmap vector2Bitmap vector2
Bitmap vector2
 
AAMUG Color Mgt Mar2010
AAMUG Color Mgt Mar2010AAMUG Color Mgt Mar2010
AAMUG Color Mgt Mar2010
 
Graphics
GraphicsGraphics
Graphics
 
Adobe photoshop cc - session1
Adobe photoshop cc - session1Adobe photoshop cc - session1
Adobe photoshop cc - session1
 
Things to consider when designing websites
Things to consider when designing websitesThings to consider when designing websites
Things to consider when designing websites
 
RGB Color Model and Monitor Resolution
RGB Color Model and Monitor ResolutionRGB Color Model and Monitor Resolution
RGB Color Model and Monitor Resolution
 
Pixel and resolution
Pixel and resolutionPixel and resolution
Pixel and resolution
 
VCT 3080 Resample Lecture
VCT 3080 Resample LectureVCT 3080 Resample Lecture
VCT 3080 Resample Lecture
 
Sesion 2.1 introduction to photoshop (basic)
Sesion 2.1   introduction to photoshop (basic)Sesion 2.1   introduction to photoshop (basic)
Sesion 2.1 introduction to photoshop (basic)
 
Colours and Menus - HMI Presentation
Colours and Menus - HMI PresentationColours and Menus - HMI Presentation
Colours and Menus - HMI Presentation
 
Shayek 10
Shayek 10Shayek 10
Shayek 10
 
multimedia image.ppt
multimedia image.pptmultimedia image.ppt
multimedia image.ppt
 
Ch6
Ch6Ch6
Ch6
 
Ch06
Ch06Ch06
Ch06
 

More from Kathryn White

Habits of highly organised individuals
Habits of highly organised individualsHabits of highly organised individuals
Habits of highly organised individualsKathryn White
 
Girls Talk August 2016
Girls Talk August 2016Girls Talk August 2016
Girls Talk August 2016Kathryn White
 
Why do you need an ePortfolio?
Why do you need an ePortfolio?Why do you need an ePortfolio?
Why do you need an ePortfolio?Kathryn White
 
Smile! You're Online!
Smile! You're Online!Smile! You're Online!
Smile! You're Online!Kathryn White
 

More from Kathryn White (7)

Habits of highly organised individuals
Habits of highly organised individualsHabits of highly organised individuals
Habits of highly organised individuals
 
Teacher portfolio
Teacher portfolioTeacher portfolio
Teacher portfolio
 
Girls Talk August 2016
Girls Talk August 2016Girls Talk August 2016
Girls Talk August 2016
 
Girls talk 8.9.15
Girls talk 8.9.15Girls talk 8.9.15
Girls talk 8.9.15
 
Staying Safe Online
Staying Safe OnlineStaying Safe Online
Staying Safe Online
 
Why do you need an ePortfolio?
Why do you need an ePortfolio?Why do you need an ePortfolio?
Why do you need an ePortfolio?
 
Smile! You're Online!
Smile! You're Online!Smile! You're Online!
Smile! You're Online!
 

Recently uploaded

Web & Social Media Analytics Previous Year Question Paper.pdf
Web & Social Media Analytics Previous Year Question Paper.pdfWeb & Social Media Analytics Previous Year Question Paper.pdf
Web & Social Media Analytics Previous Year Question Paper.pdfJayanti Pande
 
microwave assisted reaction. General introduction
microwave assisted reaction. General introductionmicrowave assisted reaction. General introduction
microwave assisted reaction. General introductionMaksud Ahmed
 
Unit-IV; Professional Sales Representative (PSR).pptx
Unit-IV; Professional Sales Representative (PSR).pptxUnit-IV; Professional Sales Representative (PSR).pptx
Unit-IV; Professional Sales Representative (PSR).pptxVishalSingh1417
 
General Principles of Intellectual Property: Concepts of Intellectual Proper...
General Principles of Intellectual Property: Concepts of Intellectual  Proper...General Principles of Intellectual Property: Concepts of Intellectual  Proper...
General Principles of Intellectual Property: Concepts of Intellectual Proper...Poonam Aher Patil
 
Seal of Good Local Governance (SGLG) 2024Final.pptx
Seal of Good Local Governance (SGLG) 2024Final.pptxSeal of Good Local Governance (SGLG) 2024Final.pptx
Seal of Good Local Governance (SGLG) 2024Final.pptxnegromaestrong
 
Introduction to Nonprofit Accounting: The Basics
Introduction to Nonprofit Accounting: The BasicsIntroduction to Nonprofit Accounting: The Basics
Introduction to Nonprofit Accounting: The BasicsTechSoup
 
Z Score,T Score, Percential Rank and Box Plot Graph
Z Score,T Score, Percential Rank and Box Plot GraphZ Score,T Score, Percential Rank and Box Plot Graph
Z Score,T Score, Percential Rank and Box Plot GraphThiyagu K
 
Micro-Scholarship, What it is, How can it help me.pdf
Micro-Scholarship, What it is, How can it help me.pdfMicro-Scholarship, What it is, How can it help me.pdf
Micro-Scholarship, What it is, How can it help me.pdfPoh-Sun Goh
 
Unit-IV- Pharma. Marketing Channels.pptx
Unit-IV- Pharma. Marketing Channels.pptxUnit-IV- Pharma. Marketing Channels.pptx
Unit-IV- Pharma. Marketing Channels.pptxVishalSingh1417
 
Application orientated numerical on hev.ppt
Application orientated numerical on hev.pptApplication orientated numerical on hev.ppt
Application orientated numerical on hev.pptRamjanShidvankar
 
Russian Escort Service in Delhi 11k Hotel Foreigner Russian Call Girls in Delhi
Russian Escort Service in Delhi 11k Hotel Foreigner Russian Call Girls in DelhiRussian Escort Service in Delhi 11k Hotel Foreigner Russian Call Girls in Delhi
Russian Escort Service in Delhi 11k Hotel Foreigner Russian Call Girls in Delhikauryashika82
 
Role Of Transgenic Animal In Target Validation-1.pptx
Role Of Transgenic Animal In Target Validation-1.pptxRole Of Transgenic Animal In Target Validation-1.pptx
Role Of Transgenic Animal In Target Validation-1.pptxNikitaBankoti2
 
Measures of Dispersion and Variability: Range, QD, AD and SD
Measures of Dispersion and Variability: Range, QD, AD and SDMeasures of Dispersion and Variability: Range, QD, AD and SD
Measures of Dispersion and Variability: Range, QD, AD and SDThiyagu K
 
ICT Role in 21st Century Education & its Challenges.pptx
ICT Role in 21st Century Education & its Challenges.pptxICT Role in 21st Century Education & its Challenges.pptx
ICT Role in 21st Century Education & its Challenges.pptxAreebaZafar22
 
Food Chain and Food Web (Ecosystem) EVS, B. Pharmacy 1st Year, Sem-II
Food Chain and Food Web (Ecosystem) EVS, B. Pharmacy 1st Year, Sem-IIFood Chain and Food Web (Ecosystem) EVS, B. Pharmacy 1st Year, Sem-II
Food Chain and Food Web (Ecosystem) EVS, B. Pharmacy 1st Year, Sem-IIShubhangi Sonawane
 
Nutritional Needs Presentation - HLTH 104
Nutritional Needs Presentation - HLTH 104Nutritional Needs Presentation - HLTH 104
Nutritional Needs Presentation - HLTH 104misteraugie
 
Basic Civil Engineering first year Notes- Chapter 4 Building.pptx
Basic Civil Engineering first year Notes- Chapter 4 Building.pptxBasic Civil Engineering first year Notes- Chapter 4 Building.pptx
Basic Civil Engineering first year Notes- Chapter 4 Building.pptxDenish Jangid
 
Sociology 101 Demonstration of Learning Exhibit
Sociology 101 Demonstration of Learning ExhibitSociology 101 Demonstration of Learning Exhibit
Sociology 101 Demonstration of Learning Exhibitjbellavia9
 
TỔNG ÔN TẬP THI VÀO LỚP 10 MÔN TIẾNG ANH NĂM HỌC 2023 - 2024 CÓ ĐÁP ÁN (NGỮ Â...
TỔNG ÔN TẬP THI VÀO LỚP 10 MÔN TIẾNG ANH NĂM HỌC 2023 - 2024 CÓ ĐÁP ÁN (NGỮ Â...TỔNG ÔN TẬP THI VÀO LỚP 10 MÔN TIẾNG ANH NĂM HỌC 2023 - 2024 CÓ ĐÁP ÁN (NGỮ Â...
TỔNG ÔN TẬP THI VÀO LỚP 10 MÔN TIẾNG ANH NĂM HỌC 2023 - 2024 CÓ ĐÁP ÁN (NGỮ Â...Nguyen Thanh Tu Collection
 

Recently uploaded (20)

Web & Social Media Analytics Previous Year Question Paper.pdf
Web & Social Media Analytics Previous Year Question Paper.pdfWeb & Social Media Analytics Previous Year Question Paper.pdf
Web & Social Media Analytics Previous Year Question Paper.pdf
 
microwave assisted reaction. General introduction
microwave assisted reaction. General introductionmicrowave assisted reaction. General introduction
microwave assisted reaction. General introduction
 
Unit-IV; Professional Sales Representative (PSR).pptx
Unit-IV; Professional Sales Representative (PSR).pptxUnit-IV; Professional Sales Representative (PSR).pptx
Unit-IV; Professional Sales Representative (PSR).pptx
 
General Principles of Intellectual Property: Concepts of Intellectual Proper...
General Principles of Intellectual Property: Concepts of Intellectual  Proper...General Principles of Intellectual Property: Concepts of Intellectual  Proper...
General Principles of Intellectual Property: Concepts of Intellectual Proper...
 
Mehran University Newsletter Vol-X, Issue-I, 2024
Mehran University Newsletter Vol-X, Issue-I, 2024Mehran University Newsletter Vol-X, Issue-I, 2024
Mehran University Newsletter Vol-X, Issue-I, 2024
 
Seal of Good Local Governance (SGLG) 2024Final.pptx
Seal of Good Local Governance (SGLG) 2024Final.pptxSeal of Good Local Governance (SGLG) 2024Final.pptx
Seal of Good Local Governance (SGLG) 2024Final.pptx
 
Introduction to Nonprofit Accounting: The Basics
Introduction to Nonprofit Accounting: The BasicsIntroduction to Nonprofit Accounting: The Basics
Introduction to Nonprofit Accounting: The Basics
 
Z Score,T Score, Percential Rank and Box Plot Graph
Z Score,T Score, Percential Rank and Box Plot GraphZ Score,T Score, Percential Rank and Box Plot Graph
Z Score,T Score, Percential Rank and Box Plot Graph
 
Micro-Scholarship, What it is, How can it help me.pdf
Micro-Scholarship, What it is, How can it help me.pdfMicro-Scholarship, What it is, How can it help me.pdf
Micro-Scholarship, What it is, How can it help me.pdf
 
Unit-IV- Pharma. Marketing Channels.pptx
Unit-IV- Pharma. Marketing Channels.pptxUnit-IV- Pharma. Marketing Channels.pptx
Unit-IV- Pharma. Marketing Channels.pptx
 
Application orientated numerical on hev.ppt
Application orientated numerical on hev.pptApplication orientated numerical on hev.ppt
Application orientated numerical on hev.ppt
 
Russian Escort Service in Delhi 11k Hotel Foreigner Russian Call Girls in Delhi
Russian Escort Service in Delhi 11k Hotel Foreigner Russian Call Girls in DelhiRussian Escort Service in Delhi 11k Hotel Foreigner Russian Call Girls in Delhi
Russian Escort Service in Delhi 11k Hotel Foreigner Russian Call Girls in Delhi
 
Role Of Transgenic Animal In Target Validation-1.pptx
Role Of Transgenic Animal In Target Validation-1.pptxRole Of Transgenic Animal In Target Validation-1.pptx
Role Of Transgenic Animal In Target Validation-1.pptx
 
Measures of Dispersion and Variability: Range, QD, AD and SD
Measures of Dispersion and Variability: Range, QD, AD and SDMeasures of Dispersion and Variability: Range, QD, AD and SD
Measures of Dispersion and Variability: Range, QD, AD and SD
 
ICT Role in 21st Century Education & its Challenges.pptx
ICT Role in 21st Century Education & its Challenges.pptxICT Role in 21st Century Education & its Challenges.pptx
ICT Role in 21st Century Education & its Challenges.pptx
 
Food Chain and Food Web (Ecosystem) EVS, B. Pharmacy 1st Year, Sem-II
Food Chain and Food Web (Ecosystem) EVS, B. Pharmacy 1st Year, Sem-IIFood Chain and Food Web (Ecosystem) EVS, B. Pharmacy 1st Year, Sem-II
Food Chain and Food Web (Ecosystem) EVS, B. Pharmacy 1st Year, Sem-II
 
Nutritional Needs Presentation - HLTH 104
Nutritional Needs Presentation - HLTH 104Nutritional Needs Presentation - HLTH 104
Nutritional Needs Presentation - HLTH 104
 
Basic Civil Engineering first year Notes- Chapter 4 Building.pptx
Basic Civil Engineering first year Notes- Chapter 4 Building.pptxBasic Civil Engineering first year Notes- Chapter 4 Building.pptx
Basic Civil Engineering first year Notes- Chapter 4 Building.pptx
 
Sociology 101 Demonstration of Learning Exhibit
Sociology 101 Demonstration of Learning ExhibitSociology 101 Demonstration of Learning Exhibit
Sociology 101 Demonstration of Learning Exhibit
 
TỔNG ÔN TẬP THI VÀO LỚP 10 MÔN TIẾNG ANH NĂM HỌC 2023 - 2024 CÓ ĐÁP ÁN (NGỮ Â...
TỔNG ÔN TẬP THI VÀO LỚP 10 MÔN TIẾNG ANH NĂM HỌC 2023 - 2024 CÓ ĐÁP ÁN (NGỮ Â...TỔNG ÔN TẬP THI VÀO LỚP 10 MÔN TIẾNG ANH NĂM HỌC 2023 - 2024 CÓ ĐÁP ÁN (NGỮ Â...
TỔNG ÔN TẬP THI VÀO LỚP 10 MÔN TIẾNG ANH NĂM HỌC 2023 - 2024 CÓ ĐÁP ÁN (NGỮ Â...
 

Hexadecimal Colours

  • 2. Using our eyes, colours are infinite… On a screen, they are not. Images you see on a screen are pixelated, or made up of tiny sections called pixels: Therefore, images can be measured in size, but are more likely to be measured in pixels (px). The more pixels, the better quality the image.
  • 3. Every pixel is a colour… …and every colour on a screen is made up of a different combination of: RED GREEN and BLUE This is called the ‘RGB Colour System’.
  • 4. Web Colours – Hexadecimal numbers (Hex) In the context of web pages, Hexadecimal numbers are used on web pages to set colours. This is a six figure code (letters and numbers) that denotes how much red, green and blue is in the colour. This hex code is often preceded by a hashtag (#).
  • 5. #000000 Black #ffffff White #6caddf St Catherine’s Bluehttp://thecolourclock.co.uk/
  • 6. Creating a colour palette Palette - the range of colours used by a particular artist or in a particular picture/work. In the online space - a palette is the selection of colours that are used throughout the website. It is useful to have a palette of up to 8 colours/shades at your disposal. They should work well together and provide a representation of the core business of the website.