html5-img
1 / 8

Colour theory

Colour theory. Colour Theory is the art of mixing colours to achieve desired effects. The way colours are combined can be used to create different feelings and responses.

veda-campos
Télécharger la présentation

Colour theory

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Colour theory Colour Theory is the art of mixing colours to achieve desired effects. The way colours are combined can be used to create different feelings and responses. In colour theory, we often talk about the colour wheel. A colour wheel is really just the spectrum twisted around so that the violet and red ends are joined. The colour wheel is particularly useful for showing how the colours relate to each other and how you can create new colours by mixing two or more colours.

  2. Primary colours Red, blue and green are the primary colours. In web design we use combinations of these three colours to define all the other colours. Remember the colour wheel

  3. Additive Colour System If you look very closely at your computer screen or TV (any colour source that emits the light itself) you will see that it is built up of tiny red, green and blue dots. This colour system is commonly referred to as the Additive Colour System. In the additive system, you get white when the three primary colours are used, as seen in the illustration to the left.

  4. Defining colours on a computer Colours are created using an rgb number. This means that each of the three primary colours can have a value of between 0 and 255 R 255 G 0 B 0 R 0 G 255 B 0 R 255 G 255 B 255 R 255 G 0 B 255 R 0 G 0 B 255

  5. Contrast (Hue) Contrast is when colours stand out from one another. Using the colour wheel, colours that give good contrast are opposite each other on the wheel. How far apart on the wheel they are is called the hue. Remember the colour wheel

  6. Contrast (value) This is when you change the values of colour but not the colour. For example 255,0,0 is red. 100,0,0 is also red but has a lower value. Large changes in value give a high contrast, low changes in value give a low contrast.

  7. How to use colours in HTML In HTML (Hyper Text Markup Language) colour is defined using the three primary colours, red, green and blue. Each of these can have a value of 0 – 255. 255, 255, 255 is white – all the colours at a maximum. 0, 0, 0 is black – all the colours at as minimum. However, in HTML colours are given numbers in hexadecimal. You should have learned about this in your maths lessons. Hexadecimal means that numbers run 0123456789ABCDEF. Then 10,11,12,13,14,15,16,17,18,19,1A,1B,1C,1D,1E,1F, and so on. So in HTML white is written as #FFFFFF And black is written as #000000 The next slide gives some of the colours available.

More Related