Upgrade to Pro — share decks privately, control downloads, hide ads and more …

What the Hex?

Christian Naths
July 23, 2012
Programming
2
180

What the Hex?

A beginners guide to understanding hex colour values, commonly used in CSS.

Christian Naths

July 23, 2012
Tweet

More Decks by Christian Naths

See All by Christian Naths
Fundamental Design Principles – For People Who Can't Design Good.
christiannaths
4
2.3k

Other Decks in Programming

See All in Programming
Zero Waste, Radical Magic, and Italian Graft – Quarkus Efficiency Secrets
hollycummins
0
210
try! Swift Tokyo 2024のLT枠に採択されたプロポーザルを出すときに考えていたこと
ski
0
340
코틀린으로 멀티플랫폼 만들기
pangmoo
0
120
Hanami and htmx
bkuhlmann
0
190
本格ローグライク制作にEbitengineを選んでみた
nagainaganawa
0
290
HUIT新歓2024「競技プログラミング、やってみませんか？」
slephy2784
1
250
ゆるい個人開発のススメ
kuroppe1819
10
930
ADRを一年運用してみた/adr_after_a_year
hanhan1978
7
2.2k
Introduction for Open Source Swift Workshop
giginet
PRO
0
1.1k
App Router への移行は「改善」となり得るのか？/ Can migration to App Router be an improvement
takefumiyoshii
8
2.1k
Front-end application development, Symfony-style(s)
dunglas
2
1.9k
Folding Cheat Sheet #2
philipschwarz
PRO
0
110

Featured

See All Featured
How To Stay Up To Date on Web Technology
chriscoyier
781
250k
Fantastic passwords and where to find them - at NoRuKo
philnash
36
2.5k
Intergalactic Javascript Robots from Outer Space
tanoku
266
26k
The Cost Of JavaScript in 2023
addyosmani
13
3.8k
Rebuilding a faster, lazier Slack
samanthasiow
72
8.2k
GitHub's CSS Performance
jonrohan
1023
450k
RailsConf 2023
tenderlove
1
530
How to train your dragon (web standard)
notwaldorf
71
5.1k
The Invisible Customer
myddelton
114
12k
The Power of CSS Pseudo Elements
geoffreycrofte
58
5k
Building Your Own Lightsaber
phodgson
97
5.7k
Designing for humans not robots
tammielis
247
25k

Transcript

  1. WHAT THE HEX? 1

  2. THE CONVERSION Dec 0 1 2 3 4 5 6

    7 8 9 10 11 12 Hex 00 01 02 03 04 05 06 07 08 09 0A 0B 0C Dec 13 14 15 16 17 18 19 20 21 22 23 24 25 Hex 0D 0E 0F 10 11 12 13 14 15 16 17 18 19 Dec 243244 245 246 247 248 249 250 251 252 253 254 255 Hex F3 F4 F5 F6 F7 FC FD 2

  3. 3

  4. 7F 10 21 R G B 4

  5. 27 36 4C R G B 5

  6. R G B EF BD 43 6

  7. R G B D8 9D A3 7

  8. EC E2 24 R G B 8

  9. 21 CE 04 R G B 9

  10. 4C 3C 2F R G B 10

  11. http://yizzle.com/whatthehex/ PRACTICE! 11