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
バイブスあるコーディングで ~PHP~ 便利ツールをつくるプラクティス
Avatar for uzulla uzulla
1
330
GUI操作LLMの最新動向: UI-TARSと関連論文紹介
Avatar for Kazuki Fujikawa kfujikawa
0
790
新世界の理解
Avatar for Akihito Koriyama koriym
0
130
実践 Dev Containers × Claude Code
Avatar for Yuto Akiba touyu
1
170
大規模FlutterプロジェクトのCI実行時間を約8割削減した話
Avatar for teamLab teamlab
PRO
0
460
QA x AIエコシステム段階構築作戦
Avatar for Osu osu
0
260
WebAssemblyインタプリタを書く ～Component Modelを添えて～
Avatar for ruccho ruccho
1
750
プロダクトという一杯を作る - プロダクトチームが味の責任を持つまでの煮込み奮闘記
Avatar for 幡ヶ谷亭直吉 hiliteeternal
0
450
あのころの iPod を どうにか再生させたい
Avatar for orumin orumin
2
2.4k
Reactの歴史を振り返る
Avatar for つちのこ tutinoko
1
180
Jakarta EE Meets AI
Avatar for ivargrimstad ivargrimstad
0
660
JetBrainsのAI機能の紹介 #jjug
Avatar for yusuke yusuke
0
200

Featured

See All Featured
Making Projects Easy
Avatar for Brett Harned brettharned
117
6.3k
Improving Core Web Vitals using Speculation Rules API
Avatar for Sergey Chernyshev sergeychernyshev
18
1.1k
Code Reviewing Like a Champion
Avatar for maltzj maltzj
524
40k
Facilitating Awesome Meetings
Avatar for Lara Hogan lara
54
6.5k
Git: the NoSQL Database
Avatar for Brandon Keepers bkeepers
PRO
431
65k
Adopting Sorbet at Scale
Avatar for Ufuk Kayserilioglu ufuk
77
9.5k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
Avatar for Marc Duiker marcduiker
31
2.2k
How GitHub (no longer) Works
Avatar for Zach Holman holman
314
140k
RailsConf 2023
Avatar for Aaron Patterson tenderlove
30
1.2k
Documentation Writing (for coders)
Avatar for Carmen Chung carmenintech
73
5k
Large-scale JavaScript Application Architecture
Avatar for Addy Osmani addyosmani
512
110k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
Avatar for Dan Newman danielanewman
229
22k

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