SlideShare a Scribd company logo
1 of 5
ColourSchemesinWebDesign
Synonymous with Samba football flair, this splendid combination of bright yellow and
shades of evil green symbolises all things Brazilian, radiating warmth and earthiness. The
sheer vibrancy would warrant a second glance from even the most soccer oblivious
masses.The minuscule fact that they play attractive football certainly adds to the charisma.
No wonder, the beaming Brazil kit is the best selling jersey in FIFA history.
Colours or ‘visual manifestations of variation in light’ have a compelling effect on the
viewer in subtle yet evident ways. We relate visual appearances of hues and textures to our
everyday experiences and thus form a psychological perception that connects numerous
colours to corresponding emotions. This, like any other observations in history, led to
formation of the principle of colour theory. This theory basically explains how the visual
effect of colours and states norms and guidelines to colour mixing. Colours primitively can
be divided into Primary (RYB), Secondary and Tertiary colours. Tertiary colours can be
made by a combination of three colours (Primary and Secondary) while Secondary colours
are procured by a juxtaposition of two Primary colours. Primary colours meanwhile cannot be
obtained by any combination of colours.
The Colour Wheel, first noticed by us at Class 2 ‘primary’ school, is one of the standard
methods to grasp the concept of colour combinations and relations. Originally devised by
Isaac Newton, the Colour Wheel namely consists of primary colours at three equidistant
points, coupled with secondary and tertiary colours placed in correspondence to their
wavelengths. It helps us to distinguish between warm colours (shades of Red to Yellow) and
cool colours (Green to Blue), but more essentially helps us to create colour schemes and
harmonies.
Colour Schemes are theoretically the choice of colours in blend with each other in
design to generate appeal and add flair to it. It is analogous to a template which is used in
web designing. Few of the popular colour schemes would be
 Monochromatic
Use of a single colour as the crux, along with its shades, tints, variation in saturation
amongst others forms a monochromatic scheme. Essentially the same colour,
monochromes are pleasing to the eye and appear elegant, inducing a ‘clean’ effect.
 Analogous
Use of two or three adjacent colours on the Colour Wheel, with the Primary or
Secondary tending to be the dominant shade generates the Analogous scheme. It leads
to better vibrancy and contrast relatively. If used perfectly, it should create an
attractive harmonious scheme.
 Complimentary
The name says it all. Mash two colours opposite each other in the colour wheel (warm
and cool works best) and you have a colour scheme which contrasts like no other.
However, the colours in question should suit each other hand in glove or it would lead
to a contrasting amalgamated mess. Beware, complimentary colour scheme double up
as a double-edged sword.
 Triad
Fine tuning the previous scheme, the Triadic colour scheme utilises three colours of
the Wheel located at three equidistant points equally spaced around it. Popular
amongst designers, it provides balance and smooth change in contrast throughout the
page as opposed to the Complementary scheme’s glaring display. Best of both worlds,
we say.
Colour schemes are in essence the various permutations and combinations by which
numerous colours can be represented in a single display. You can always create custom schemes
of your own choosing. Although the selection of colours from the Wheel and its appellation
theoretically may seem like child’s play, it’s difficult to recreate a scheme which is aesthetically
pleasant.
Colour Schemes in Web Design

More Related Content

What's hot (16)

Munsell and DIN Color system
Munsell and DIN Color systemMunsell and DIN Color system
Munsell and DIN Color system
 
Colour schemes lesson 2
Colour schemes lesson 2Colour schemes lesson 2
Colour schemes lesson 2
 
Colour Optics
Colour OpticsColour Optics
Colour Optics
 
Colour theory
Colour theoryColour theory
Colour theory
 
Graphical styles
Graphical stylesGraphical styles
Graphical styles
 
Basic color theory for Painting
Basic color theory for PaintingBasic color theory for Painting
Basic color theory for Painting
 
Tone & Colour in Design
Tone & Colour in DesignTone & Colour in Design
Tone & Colour in Design
 
Colour 3r eso
Colour 3r eso Colour 3r eso
Colour 3r eso
 
Colour theory II
Colour theory IIColour theory II
Colour theory II
 
Colour theory
Colour theoryColour theory
Colour theory
 
Color and Space
Color and SpaceColor and Space
Color and Space
 
Colour theory
Colour theoryColour theory
Colour theory
 
Colour Theory
Colour TheoryColour Theory
Colour Theory
 
Colour theory presentation
Colour theory presentationColour theory presentation
Colour theory presentation
 
Color harmony
Color harmonyColor harmony
Color harmony
 
Color theory
Color theoryColor theory
Color theory
 

Viewers also liked

JIT LP train the-trainer
JIT LP train the-trainerJIT LP train the-trainer
JIT LP train the-trainerMarc Auerbach
 
Training Need Analysis
Training Need AnalysisTraining Need Analysis
Training Need Analysissimply_coool
 
Bear With Me: 20 Tips for Writing Effective Persuasive Web Content
Bear With Me: 20 Tips for Writing Effective Persuasive Web ContentBear With Me: 20 Tips for Writing Effective Persuasive Web Content
Bear With Me: 20 Tips for Writing Effective Persuasive Web ContentJeffrey Stevens
 
Training need assessment
Training need assessmentTraining need assessment
Training need assessmentkeenain
 
Introducción a la compilación en ambientes Unix.
Introducción a la compilación en ambientes Unix.Introducción a la compilación en ambientes Unix.
Introducción a la compilación en ambientes Unix.Luis Claudio Pérez Tato
 
Color theory - Graphic Design
Color theory - Graphic DesignColor theory - Graphic Design
Color theory - Graphic DesignAbanoub Hanna
 
Use of colors in web and graphic design
Use of colors in web and graphic designUse of colors in web and graphic design
Use of colors in web and graphic designNida Aslam
 
Train The Trainer For Sharing
Train The Trainer For SharingTrain The Trainer For Sharing
Train The Trainer For SharingTina Arora
 
Logo Design: How to Design a Logo
Logo Design: How to Design a LogoLogo Design: How to Design a Logo
Logo Design: How to Design a LogoRob Marsh
 
A quick and extremely awesome guide to logo design
A quick and extremely awesome guide to logo designA quick and extremely awesome guide to logo design
A quick and extremely awesome guide to logo designFiverr
 
Training Need Assessment
Training Need AssessmentTraining Need Assessment
Training Need AssessmentSeta Wicaksana
 

Viewers also liked (13)

JIT LP train the-trainer
JIT LP train the-trainerJIT LP train the-trainer
JIT LP train the-trainer
 
Training Need Analysis
Training Need AnalysisTraining Need Analysis
Training Need Analysis
 
Bear With Me: 20 Tips for Writing Effective Persuasive Web Content
Bear With Me: 20 Tips for Writing Effective Persuasive Web ContentBear With Me: 20 Tips for Writing Effective Persuasive Web Content
Bear With Me: 20 Tips for Writing Effective Persuasive Web Content
 
Training need assessment
Training need assessmentTraining need assessment
Training need assessment
 
Introducción a la compilación en ambientes Unix.
Introducción a la compilación en ambientes Unix.Introducción a la compilación en ambientes Unix.
Introducción a la compilación en ambientes Unix.
 
Color For Dummies
Color For DummiesColor For Dummies
Color For Dummies
 
Color theory - Graphic Design
Color theory - Graphic DesignColor theory - Graphic Design
Color theory - Graphic Design
 
Use of colors in web and graphic design
Use of colors in web and graphic designUse of colors in web and graphic design
Use of colors in web and graphic design
 
Train The Trainer For Sharing
Train The Trainer For SharingTrain The Trainer For Sharing
Train The Trainer For Sharing
 
Brand "U.0"
Brand "U.0"Brand "U.0"
Brand "U.0"
 
Logo Design: How to Design a Logo
Logo Design: How to Design a LogoLogo Design: How to Design a Logo
Logo Design: How to Design a Logo
 
A quick and extremely awesome guide to logo design
A quick and extremely awesome guide to logo designA quick and extremely awesome guide to logo design
A quick and extremely awesome guide to logo design
 
Training Need Assessment
Training Need AssessmentTraining Need Assessment
Training Need Assessment
 

Similar to Colour Schemes in Web Design

Color & Color Theory PowerPoint Presentation
Color &  Color Theory PowerPoint PresentationColor &  Color Theory PowerPoint Presentation
Color & Color Theory PowerPoint Presentationasutton5
 
Presentación1 ingles
Presentación1 inglesPresentación1 ingles
Presentación1 ingleseverezcotelo
 
Design Element 4 - Color
Design Element 4 - ColorDesign Element 4 - Color
Design Element 4 - Colormjb77ny
 
Design color theory
Design color theoryDesign color theory
Design color theoryjesskrichels
 
Lukisan (color wheel) muhd amirul firdaus bin azmi c12 a479 f2
Lukisan (color wheel) muhd amirul firdaus bin azmi c12 a479 f2Lukisan (color wheel) muhd amirul firdaus bin azmi c12 a479 f2
Lukisan (color wheel) muhd amirul firdaus bin azmi c12 a479 f2Muhd Amirul
 
Colors in interior design
Colors in interior designColors in interior design
Colors in interior designZunairaKhusro
 
Group 02: PRIMARY, SECONDARY AND TERTIARY COLOURS OF THE COLOUR WHEEL – COMPL...
Group 02: PRIMARY, SECONDARY AND TERTIARY COLOURS OF THE COLOUR WHEEL – COMPL...Group 02: PRIMARY, SECONDARY AND TERTIARY COLOURS OF THE COLOUR WHEEL – COMPL...
Group 02: PRIMARY, SECONDARY AND TERTIARY COLOURS OF THE COLOUR WHEEL – COMPL...celia_epv
 
Presentacin1coloringles 2020
Presentacin1coloringles 2020Presentacin1coloringles 2020
Presentacin1coloringles 2020everezcotelo
 
Elements intro-color
Elements intro-colorElements intro-color
Elements intro-colorkbudge
 
presentacion1coloringles-2023 power point.pptx
presentacion1coloringles-2023 power point.pptxpresentacion1coloringles-2023 power point.pptx
presentacion1coloringles-2023 power point.pptxeverezcotelo
 

Similar to Colour Schemes in Web Design (20)

Lesson 10 a understanding color
Lesson 10 a understanding colorLesson 10 a understanding color
Lesson 10 a understanding color
 
Color & Color Theory PowerPoint Presentation
Color &  Color Theory PowerPoint PresentationColor &  Color Theory PowerPoint Presentation
Color & Color Theory PowerPoint Presentation
 
Color theory
Color theoryColor theory
Color theory
 
Colour Theory.pptx
Colour Theory.pptxColour Theory.pptx
Colour Theory.pptx
 
Presentación1 ingles
Presentación1 inglesPresentación1 ingles
Presentación1 ingles
 
Color terms
Color termsColor terms
Color terms
 
ColorsTheory
ColorsTheoryColorsTheory
ColorsTheory
 
Colour study
Colour study Colour study
Colour study
 
Design Element 4 - Color
Design Element 4 - ColorDesign Element 4 - Color
Design Element 4 - Color
 
AHSArt: Color theory Drawing + Painting
AHSArt:  Color theory Drawing + Painting AHSArt:  Color theory Drawing + Painting
AHSArt: Color theory Drawing + Painting
 
Design color theory
Design color theoryDesign color theory
Design color theory
 
Lukisan (color wheel) muhd amirul firdaus bin azmi c12 a479 f2
Lukisan (color wheel) muhd amirul firdaus bin azmi c12 a479 f2Lukisan (color wheel) muhd amirul firdaus bin azmi c12 a479 f2
Lukisan (color wheel) muhd amirul firdaus bin azmi c12 a479 f2
 
Colors in interior design
Colors in interior designColors in interior design
Colors in interior design
 
Group 02: PRIMARY, SECONDARY AND TERTIARY COLOURS OF THE COLOUR WHEEL – COMPL...
Group 02: PRIMARY, SECONDARY AND TERTIARY COLOURS OF THE COLOUR WHEEL – COMPL...Group 02: PRIMARY, SECONDARY AND TERTIARY COLOURS OF THE COLOUR WHEEL – COMPL...
Group 02: PRIMARY, SECONDARY AND TERTIARY COLOURS OF THE COLOUR WHEEL – COMPL...
 
Principals and elements of design.
Principals and elements of design.Principals and elements of design.
Principals and elements of design.
 
Presentacin1coloringles 2020
Presentacin1coloringles 2020Presentacin1coloringles 2020
Presentacin1coloringles 2020
 
Elements intro-color
Elements intro-colorElements intro-color
Elements intro-color
 
color scheme
color schemecolor scheme
color scheme
 
presentacion1coloringles-2023 power point.pptx
presentacion1coloringles-2023 power point.pptxpresentacion1coloringles-2023 power point.pptx
presentacion1coloringles-2023 power point.pptx
 
Colour Schemes
Colour SchemesColour Schemes
Colour Schemes
 

Colour Schemes in Web Design

  • 1. ColourSchemesinWebDesign Synonymous with Samba football flair, this splendid combination of bright yellow and shades of evil green symbolises all things Brazilian, radiating warmth and earthiness. The sheer vibrancy would warrant a second glance from even the most soccer oblivious masses.The minuscule fact that they play attractive football certainly adds to the charisma. No wonder, the beaming Brazil kit is the best selling jersey in FIFA history. Colours or ‘visual manifestations of variation in light’ have a compelling effect on the viewer in subtle yet evident ways. We relate visual appearances of hues and textures to our everyday experiences and thus form a psychological perception that connects numerous colours to corresponding emotions. This, like any other observations in history, led to formation of the principle of colour theory. This theory basically explains how the visual effect of colours and states norms and guidelines to colour mixing. Colours primitively can be divided into Primary (RYB), Secondary and Tertiary colours. Tertiary colours can be made by a combination of three colours (Primary and Secondary) while Secondary colours are procured by a juxtaposition of two Primary colours. Primary colours meanwhile cannot be obtained by any combination of colours.
  • 2. The Colour Wheel, first noticed by us at Class 2 ‘primary’ school, is one of the standard methods to grasp the concept of colour combinations and relations. Originally devised by Isaac Newton, the Colour Wheel namely consists of primary colours at three equidistant points, coupled with secondary and tertiary colours placed in correspondence to their wavelengths. It helps us to distinguish between warm colours (shades of Red to Yellow) and cool colours (Green to Blue), but more essentially helps us to create colour schemes and harmonies. Colour Schemes are theoretically the choice of colours in blend with each other in design to generate appeal and add flair to it. It is analogous to a template which is used in web designing. Few of the popular colour schemes would be  Monochromatic Use of a single colour as the crux, along with its shades, tints, variation in saturation amongst others forms a monochromatic scheme. Essentially the same colour, monochromes are pleasing to the eye and appear elegant, inducing a ‘clean’ effect.
  • 3.  Analogous Use of two or three adjacent colours on the Colour Wheel, with the Primary or Secondary tending to be the dominant shade generates the Analogous scheme. It leads to better vibrancy and contrast relatively. If used perfectly, it should create an attractive harmonious scheme.  Complimentary The name says it all. Mash two colours opposite each other in the colour wheel (warm and cool works best) and you have a colour scheme which contrasts like no other. However, the colours in question should suit each other hand in glove or it would lead to a contrasting amalgamated mess. Beware, complimentary colour scheme double up as a double-edged sword.
  • 4.  Triad Fine tuning the previous scheme, the Triadic colour scheme utilises three colours of the Wheel located at three equidistant points equally spaced around it. Popular amongst designers, it provides balance and smooth change in contrast throughout the page as opposed to the Complementary scheme’s glaring display. Best of both worlds, we say. Colour schemes are in essence the various permutations and combinations by which numerous colours can be represented in a single display. You can always create custom schemes of your own choosing. Although the selection of colours from the Wheel and its appellation theoretically may seem like child’s play, it’s difficult to recreate a scheme which is aesthetically pleasant.