Loading presentation...

Present Remotely

Send the link below via email or IM

Copy

Present to your audience

Start remote presentation

  • Invited audience members will follow you as you navigate and present
  • People invited to a presentation do not need a Prezi account
  • This link expires 10 minutes after you close the presentation
  • A maximum of 30 users can follow your presentation
  • Learn more about this feature in our knowledge base article

Do you really want to delete this prezi?

Neither you, nor the coeditors you shared it with will be able to recover it again.

DeleteCancel

Make your likes visible on Facebook?

Connect your Facebook account to Prezi and let your likes appear on your timeline.
You can change this under Settings & Account at any time.

No, thanks

How to use ALL colors - CSS tutorial

Ever wanted to use a color in your prezi that is not in the preset colors? Or wanted to make backgrounds with two colors? Fancy shapes? Now you can! It's easier than you probably think even if you don't know RGB and hex codes ;)
by

Naomi Pentrel

on 25 April 2013

Comments (0)

Please log in to add your comment.

Report abuse

Transcript of How to use ALL colors - CSS tutorial

Want ALL the options? Want ALL the options? colors How to use all colors in Prezi Step 1: click on template Now let's start... click here Step 2: click on customize current theme click here Step 3: click on advanced click here RGB -codes Don't worry - no programming skills needed!! Want to know what these numbers are for? zoom here! R B G E D E N E R L E U Input numbers between
0-255 This indicates how much of the color will be used zoom in! R R G G B B 0 79 117 or you can just use this:

http://www.colorpicker.com/ If you want your prezi to be just as individual as you are, zoom on! this prezi will show you how to: use ALL the colors
use the CSS editor
make fancy backgrounds and shapes No previous knowledge needed click to find out more! remember this? click here or press ctrl + shift + c this shows the font you are using This defines the background. Try to change the numbers - this will change the colors. #3fc0ff - but what does this mean? R:63 G:192 B:255 - the above are hexadecimal numbers (hex codes). 00 - 00
01 - 01
02 - 02
03 - 03
04 - 04
05 - 05
06 - 06
07 - 07
08 - 08
09 - 09 20 - 14
21 - 15
22 - 16
23 - 17
24 - 18
25 - 19
26 - 1a
27 - 1b
28 - 1c
29 - 1d 10 - 0a
11 - 0b
12 - 0c
13 - 0d
14 - 0e
15 - 0f
16 - 10
17 - 11
18 - 12
19 - 13 30 - 1e
31 - 1f
32 - 20
33 - 21
34 - 22
35 - 23
36 - 24
37 - 25
38 - 26
39 - 27 40 - 28
41 - 29
42 - 2a
43 - 2b
44 - 2c
45 - 2d
46 - 2e
47 - 2f
48 - 30
49 - 31 50 - 32
51 - 33
52 - 34
53 - 35
54 - 36
55 - 37
56 - 38
57 - 39
58 - 3a
59 - 3b 100 - 64
125 - 7d
150 - 96
175 - af
200 - c8
225 - e1
250 - fa
255 - ff see the pattern? you can skip the explanations and use this website to get the code: http://www.javascripter.net/faq/rgbtohex.htm xy -> 16*x + y examples: 39 -> 16*3+9 = 57 hex -> decimal representation c8 -> 16*c+8 =
16*12+8 = 200 the letters a, b, c d, f represent 10,11,12,13,14,15 respectively gradient start and gradient end:
choose two colors and it will gradually go from the first to the second. scroll down for more options! That's all! You can now use all colors!
Congratulations!
Full transcript