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
Kanzawa.rbのLT大会を支える技術の裏側を変更する Ruby on Rails + Litestream 編
muryoimpl
0
120
ASP.NET Core の OpenAPIサポート
h455h1
0
160
Fibonacci Function Gallery - Part 2
philipschwarz
PRO
0
230
チームの立て直し施策をGoogleの 『効果的なチーム』と見比べてみた
maroon8021
0
280
SpringBoot3.4の構造化ログ #kanjava
irof
2
780
SRE、開発、QAが協業して挑んだリリースプロセス改革@SRE Kaigi 2025
nealle
1
3.4k
AWSマネコンに複数のアカウントで入れるようになりました
yuhta28
2
150
watsonx.ai Dojo #6 継続的なAIアプリ開発と展開
oniak3ibm
PRO
0
270
PicoRubyと暮らす、シェアハウスハック
ryosk7
0
250
バックエンドのためのアプリ内課金入門 (サブスク編)
qnighy
7
1.5k
Amazon Nova Reelの可能性
hideg
0
260
ErdMap: Thinking about a map for Rails applications
makicamel
1
1.2k

Featured

See All Featured
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
irinanazarova
6
520
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
3
380
Typedesign – Prime Four
hannesfritz
40
2.5k
4 Signs Your Business is Dying
shpigford
182
22k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
232
17k
Performance Is Good for Brains [We Love Speed 2024]
tammyeverts
7
600
Writing Fast Ruby
sferik
628
61k
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
39
1.9k
Producing Creativity
orderedlist
PRO
343
39k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
33
2.8k
Fashionably flexible responsive web design (full day workshop)
malarkey
406
66k
Building Your Own Lightsaber
phodgson
104
6.2k

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