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
コーディングは技術者(エンジニア)の嗜みでして / Learning the System Development Mindset from Rock Lady
Avatar for mackey0225 mackey0225
2
600
Kiroの仕様駆動開発から見えてきたAIコーディングとの正しい付き合い方
Avatar for clshinji clshinji
1
180
サーバーサイドのビルド時間87倍高速化
Avatar for PLAID Tech plaidtech
PRO
0
660
サイトを作ったらNFCタグキーホルダーを爆速で作れ！
Avatar for Yuuki Shimizu yuukis
0
690
『リコリス・リコイル』に学ぶ！！ 〜キャリア戦略における計画的偶発性理論と変わる勇気の重要性〜
Avatar for わんこ(Wanko_IT) wanko_it
1
610
STUNMESH-go: Wireguard NAT穿隧工具的源起與介紹
Avatar for Date Huang tjjh89017
0
390
AIレビュアーをスケールさせるには / Scaling AI Reviewers
Avatar for technuma technuma
2
230
TDD 実践ミニトーク
Avatar for Daisuke Garaike contour_gara
1
250
[FEConf 2025] 모노레포 절망편, 14개 레포로 부활하기까지 걸린 1년
Avatar for Jonghyuk Max Kim mmmaxkim
0
1.3k
Ruby Parser progress report 2025
Avatar for yui-knk yui_knk
1
180
KessokuでDIでもgoroutineを活用する / Go Connect #6
Avatar for mazrean mazrean
0
120
【第4回】関東Kaggler会「Kaggleは執筆に役立つ」
Avatar for Wataru Takahara mipypf
0
940

Featured

See All Featured
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
Avatar for Eileen M. Uchitelle eileencodes
36
2.5k
The Pragmatic Product Professional
Avatar for Laura Van Doore lauravandoore
36
6.8k
StorybookのUI Testing Handbookを読んだ
Avatar for Shingo Yamazaki zakiyama
30
6k
CSS Pre-Processors: Stylus, Less & Sass
Avatar for Bermon Painter bermonpainter
358
30k
Visualization
Avatar for Eitan Lees eitanlees
147
16k
For a Future-Friendly Web
Avatar for Brad Frost brad_frost
179
9.9k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
Avatar for Vitaly Friedman smashingmag
252
21k
Typedesign – Prime Four
Avatar for Hannes Fritz hannesfritz
42
2.8k
Fashionably flexible responsive web design (full day workshop)
Avatar for Andy Clarke malarkey
407
66k
Being A Developer After 40
Avatar for Adrian Kosmaczewski akosma
90
590k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
Avatar for mongodb mongodb
48
9.7k
Designing Dashboards & Data Visualisations in Web Apps
Avatar for Des Traynor destraynor
231
53k

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