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

What the Hex?

Sponsored · Your Podcast. Everywhere. Effortlessly. Share. Educate. Inspire. Entertain. You do you. We'll handle the rest. →
Avatar for Christian Naths Christian Naths
July 23, 2012
Programming
200
2

What the Hex?

A beginners guide to understanding hex colour values, commonly used in CSS.

Avatar for Christian Naths

Christian Naths

July 23, 2012

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
Road to RubyKaigi: Play Hard(ware)
Avatar for makicamel makicamel
1
570
AgentCore Optimizationを始めよう！
Avatar for matsukada licux
3
240
Are We Really Coding 10× Faster with AI?
Avatar for Koichi Yoshida kohzas
0
170
AI-DLC Deep Dive
Avatar for yuukiyo yuukiyo
9
5.8k
20260514 - build with ai 2026 - build LINE Bot with Gemini CLI
Avatar for LINE Developers Taiwan line_developers_tw
PRO
0
420
リセットCSSを1行消したらアクセシビリティが向上した話
Avatar for pvcresin pvcresin
4
510
ふにゃっとしない名前の付け方 〜哲学で茹で上げる、コシのあるソフトウェア設計〜
Avatar for akshimo shimomura
0
120
tRPCの概要と少しだけパフォーマンス
Avatar for Keigo Ebihara misoton665
2
270
決定論 vs 確率論：Gemini 3 FlashとTF-IDFを組み合わせた「法規判定エンジン」の構築
Avatar for Shu Kobuchi shukob
0
160
JCON - Create Agentic AI Apps, The Easy Way!
Avatar for Kevin Dubois kdubois
1
110
Spec Driven Development | AI Summit Vilnius
Avatar for Daniel Sogl danielsogl
PRO
1
150
cloudnative conference 2026 flyle
Avatar for azihsoyn azihsoyn
0
180

Featured

See All Featured
The Anti-SEO Checklist Checklist. Pubcon Cyber Week
Avatar for Ryan Jones ryanjones
0
140
Navigating the Design Leadership Dip - Product Design Week Design Leaders+ Conference 2024
Avatar for Andy Polaine apolaine
1
310
Between Models and Reality
Avatar for mayunak mayunak
4
290
Scaling GitHub
Avatar for Zach Holman holman
464
140k
[SF Ruby Conf 2025] Rails X
Avatar for Vladimir Dementyev palkan
2
1k
Deep Space Network (abreviated)
Avatar for Tony Rice tonyrice
0
130
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
Avatar for Addy Osmani addyosmani
10
1.2k
Sam Torres - BigQuery for SEOs
Avatar for Tech SEO Connect techseoconnect
PRO
0
260
Large-scale JavaScript Application Architecture
Avatar for Addy Osmani addyosmani
515
110k
Darren the Foodie - Storyboard
Avatar for Kevinho.art khoart
PRO
3
3.3k
More Than Pixels: Becoming A User Experience Designer
Avatar for Michelle Schulp Hunt marktimemedia
3
400
Why Our Code Smells
Avatar for Brandon Keepers bkeepers
PRO
340
58k

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