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

What the Hex?

Christian Naths
July 23, 2012
Programming
2
190

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.4k

Other Decks in Programming

See All in Programming
タイムゾーンの奥地は思ったよりも闇深いかもしれない
suguruooki
1
570
Do Dumb Things
mitsuhiko
0
420
小田原でみんなで一句詠みたいな #phpcon_odawara
stefafafan
0
320
サービスレベルを管理してアジャイルを加速しよう！！ / slm-accelerate-agility
tomoyakitaura
1
170
Qiita Bash
mercury_dev0517
1
190
State of Namespace
tagomoris
4
760
これだけは知っておきたいクラス設計の基礎知識 version 2
masuda220
PRO
24
6.1k
Preact、HooksとSignalsの両立 / Preact: Harmonizing Hooks and Signals
ssssota
1
1.4k
ミリしらMCP勉強会
watany
4
740
ベクトル検索システムの気持ち
monochromegane
31
9.9k
gen_statem - OTP's Unsung Hero
whatyouhide
1
190
コンテナでLambdaをデプロイするときに知っておきたかったこと
_takahash
0
180

Featured

See All Featured
We Have a Design System, Now What?
morganepeng
52
7.5k
Bootstrapping a Software Product
garrettdimon
PRO
307
110k
A designer walks into a library…
pauljervisheath
205
24k
Building Flexible Design Systems
yeseniaperezcruz
329
38k
Performance Is Good for Brains [We Love Speed 2024]
tammyeverts
9
740
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
251
21k
Rails Girls Zürich Keynote
gr2m
94
13k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
34
2.2k
Build your cross-platform service in a week with App Engine
jlugia
229
18k
Music & Morning Musume
bryan
47
6.5k
Statistics for Hackers
jakevdp
798
220k
The Cult of Friendly URLs
andyhume
78
6.3k

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