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
【TSkaigi 2025】これは型破り？型安全？ 真実はいつもひとつ！（じゃないかもしれない）TypeScript クイズ〜〜〜〜！！！！！
Avatar for Kimita Shoichi kimitashoichi
1
300
💎 My RubyKaigi Effect in 2025: Top Ruby Companies 🌐
Avatar for Yohei Yasukawa yasulab
PRO
1
130
當開發遇上包裝： AI 如何讓產品從想法變成商品
Avatar for Caesar Chi clonn
0
2.6k
Doma で目指す ORM 最適解
Avatar for Toshihiro Nakamura nakamura_to
1
160
Rethinking Data Access: The New httpResource in Angular
Avatar for Manfred Steyer manfredsteyer
PRO
0
220
Javaのルールをねじ曲げろ！禁断の操作とその代償から学ぶメタプログラミング入門 / A Guide to Metaprogramming: Lessons from Forbidden Techniques and Their Price
Avatar for nrs nrslib
1
290
AIエージェントによるテストフレームワーク Arbigent
Avatar for takahirom takahirom
0
280
Javaに鉄道指向プログラミング (Railway Oriented Pro　gramming) のエッセンスを取り入れる/Bringing the Essence of Railway-Oriented Programming to Java
Avatar for takumi.okamoto cocet33000
1
120
Parallel::Pipesの紹介
Avatar for Shoichi Kaji skaji
2
870
クラシルリワードにおける
iOSアプリ開発の取り組み
Avatar for fumito nakazawa funzin
1
810
Interface vs Types ~型推論が過多推論~
Avatar for Hiroki Omote hirokiomote
1
230
UPDATEがシステムを複雑にする？ イミュータブルデータモデルのすすめ
Avatar for a.shimomura shimomura
0
220

Featured

See All Featured
Bash Introduction
Avatar for André Augusto Costa Santos 62gerente
614
210k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
Avatar for Addy Osmani addyosmani
6
660
How STYLIGHT went responsive
Avatar for nonsquared nonsquared
100
5.6k
StorybookのUI Testing Handbookを読んだ
Avatar for Shingo Yamazaki zakiyama
30
5.8k
[RailsConf 2023 Opening Keynote] The Magic of Rails
Avatar for Eileen M. Uchitelle eileencodes
29
9.5k
Build The Right Thing And Hit Your Dates
Avatar for Maggie C. maggiecrowley
35
2.7k
Visualization
Avatar for Eitan Lees eitanlees
146
16k
Helping Users Find Their Own Way: Creating Modern Search Experiences
Avatar for Dan Newman danielanewman
29
2.6k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
Avatar for Morgane Peng morganepeng
129
19k
Git: the NoSQL Database
Avatar for Brandon Keepers bkeepers
PRO
430
65k
Why Our Code Smells
Avatar for Brandon Keepers bkeepers
PRO
336
57k
Building a Modern Day 
E-commerce SEO Strategy
Avatar for Aleyda Solis aleyda
40
7.3k

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