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

What the Hex?

Christian Naths
July 23, 2012
Programming
2
180

What the Hex?

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

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.
christiannaths
4
2.4k

Other Decks in Programming

See All in Programming
負債になりにくいCSSをデザイナとつくるには？
fsubal
10
2.4k
2024年のkintone API振り返りと2025年 / kintone API look back in 2024
tasshi
0
220
Pythonでもちょっとリッチな見た目のアプリを設計してみる
ueponx
1
570
PHP ステートレス VS ステートフル 状態管理と並行性 / php-stateless-stateful
ytake
0
100
GitHub Actions × RAGでコードレビューの検証の結果
sho_000
0
270
Honoとフロントエンドの 型安全性について
yodaka
7
1.2k
WebDriver BiDiとは何なのか
yotahada3
1
140
Introduction to kotlinx.rpc
arawn
0
700
Domain-Driven Transformation
hschwentner
2
1.9k
楽しく向き合う例外対応
okutsu
0
130
社内フレームワークとその依存性解決 / in-house framework and its dependency management
vvakame
1
560
苦しいTiDBへの移行を乗り越えて快適な運用を目指す
leveragestech
0
620

Featured

See All Featured
Fantastic passwords and where to find them - at NoRuKo
philnash
51
3k
Scaling GitHub
holman
459
140k
Building a Scalable Design System with Sketch
lauravandoore
461
33k
StorybookのUI Testing Handbookを読んだ
zakiyama
28
5.5k
The Pragmatic Product Professional
lauravandoore
32
6.4k
Side Projects
sachag
452
42k
Rails Girls Zürich Keynote
gr2m
94
13k
How STYLIGHT went responsive
nonsquared
98
5.4k
Fontdeck: Realign not Redesign
paulrobertlloyd
83
5.4k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
129
19k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
49
2.3k
Learning to Love Humans: Emotional Interface Design
aarron
273
40k

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