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

What the Hex?

Avatar for Christian Naths Christian Naths
July 23, 2012
Programming
2
190

What the Hex?

A beginners guide to understanding hex colour values, commonly used in CSS.
Avatar for Christian Naths

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.
Avatar for Christian Naths christiannaths
4
2.4k

Other Decks in Programming

See All in Programming
Discover Metal 4
Avatar for rei rei315
2
110
第9回 情シス転職ミートアップ 株式会社IVRy（アイブリー）の紹介
Avatar for 株式会社IVRy（社員登壇資料） ivry_presentationmaterials
1
260
20250704_教育事業におけるアジャイルなデータ基盤構築
Avatar for Uchide Hiroki(ucchi-) hanon52_
4
310
アンドパッドの Go 勉強会「 gopher 会」とその内容の紹介
Avatar for ANDPAD inc andpad
0
290
dbt民主化とLLMによる開発ブースト ~ AI Readyな分析サイクルを目指して ~
Avatar for yosh_yumyum yoshyum
2
260
エラーって何種類あるの？
Avatar for Takuma Kajikawa kajitack
5
340
ruby.wasmで多人数リアルタイム通信ゲームを作ろう
Avatar for lni_T lnit
2
330
Code as Context 〜 1にコードで 2にリンタ 34がなくて 5にルール？ 〜
Avatar for Yoda Keisuke yodakeisuke
0
120
Benchmark
Avatar for 송상윤 sysong
0
280
ニーリーにおけるプロダクトエンジニア
Avatar for Nealle nealle
0
730
スタートアップの急成長を支えるプラットフォームエンジニアリングと組織戦略
Avatar for Yusuke Suto sutochin26
0
330
20250628_非エンジニアがバイブコーディングしてみた
Avatar for ponponmikan ponponmikankan
0
630

Featured

See All Featured
What's in a price? How to price your products and services
Avatar for Michael Herold michaelherold
246
12k
Building Better People: How to give real-time feedback that sticks.
Avatar for Will Jessup wjessup
367
19k
Writing Fast Ruby
Avatar for Erik Berlin sferik
628
62k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
Avatar for Stéphanie Walter stephaniewalter
281
13k
How to train your dragon (web standard)
Avatar for Monica Dinculescu notwaldorf
94
6.1k
How STYLIGHT went responsive
Avatar for nonsquared nonsquared
100
5.6k
Six Lessons from altMBA
Avatar for Skipper Chong Warson skipperchong
28
3.9k
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
Avatar for Eileen M. Uchitelle eileencodes
26
2.9k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
Avatar for Chris Coyier chriscoyier
507
140k
Music & Morning Musume
Avatar for Bryan Veloso bryan
46
6.6k
For a Future-Friendly Web
Avatar for Brad Frost brad_frost
179
9.8k
XXLCSS - How to scale CSS and keep your sanity
Avatar for Zaharenia Atzitzikaki sugarenia
248
1.3M

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