#333212
RGB ( 赤 = 51, 緑 = 50, 青 = 18 )
HSL ( 色相 = 58°, 彩度 = 48%, 明度 = 14% )
H : 色相 ( 58° )
(0°) 赤~黄~緑~青~紫 (359°)
8 : #351713 : -50
18 : #351d13 : -40
28 : #352313 : -30
38 : #352813 : -20
48 : #352e13 : -10
58 : #353413 : ±0
68 : #303513 : +10
78 : #2b3513 : +20
88 : #253513 : +30
98 : #1f3513 : +40
108 : #193513 : +50
118 : #143513 : +60
128 : #133517 : +70
138 : #13351d : +80
148 : #133523 : +90
158 : #133528 : +100
168 : #13352e : +110
178 : #133534 : +120
188 : #133035 : +130
198 : #132b35 : +140
208 : #132535 : +150
218 : #131f35 : +160
228 : #131935 : +170
238 : #131435 : +180
248 : #171335 : +190
258 : #1d1335 : +200
268 : #231335 : +210
278 : #281335 : +220
288 : #2e1335 : +230
298 : #341335 : +240
308 : #351330 : +250
318 : #35132b : +260
328 : #351325 : +270
338 : #35131f : +280
348 : #351319 : +290
358 : #351314 : +300
48 : #352e13 : -10
49 : #352f13 : -9
50 : #352f13 : -8
51 : #353013 : -7
52 : #353013 : -6
53 : #353113 : -5
54 : #353113 : -4
55 : #353213 : -3
56 : #353313 : -2
57 : #353313 : -1
58 : #353413 : ±0
59 : #353413 : +1
60 : #353513 : +2
61 : #343513 : +3
62 : #343513 : +4
63 : #333513 : +5
64 : #333513 : +6
65 : #323513 : +7
66 : #313513 : +8
67 : #313513 : +9
68 : #303513 : +10
S : 彩度 ( 48% )
(0%) 渋い ~ 鮮やか (100%)
0 : #232323 : -48
2 : #242423 : -46
4 : #252522 : -44
6 : #262622 : -42
8 : #272621 : -40
10 : #272720 : -38
12 : #28281f : -36
14 : #29281f : -34
16 : #29291e : -32
18 : #2a2a1d : -30
20 : #2b2a1d : -28
22 : #2c2b1c : -26
24 : #2c2c1b : -24
26 : #2d2c1a : -22
28 : #2e2d1a : -20
30 : #2e2e19 : -18
32 : #2f2e18 : -16
34 : #302f18 : -14
36 : #313017 : -12
38 : #313016 : -10
40 : #323115 : -8
42 : #333215 : -6
44 : #333214 : -4
46 : #343313 : -2
48 : #353413 : ±0
50 : #363412 : +2
52 : #363511 : +4
54 : #373610 : +6
56 : #383610 : +8
58 : #38370f : +10
60 : #39380e : +12
62 : #3a380e : +14
64 : #3b390d : +16
66 : #3b3a0c : +18
68 : #3c3a0b : +20
70 : #3d3b0b : +22
72 : #3d3c0a : +24
74 : #3e3c09 : +26
76 : #3f3d09 : +28
78 : #403e08 : +30
80 : #403e07 : +32
82 : #413f06 : +34
84 : #424006 : +36
86 : #424005 : +38
88 : #434104 : +40
90 : #444204 : +42
92 : #454203 : +44
94 : #454302 : +46
96 : #464401 : +48
98 : #474401 : +50
100 : #474500 : +52
L : 明度 ( 14% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -14
2 : #080703 : -12
4 : #0f0f05 : -10
6 : #171608 : -8
8 : #1e1e0b : -6
10 : #26250d : -4
12 : #2d2c10 : -2
14 : #353413 : ±0
16 : #3c3b15 : +2
18 : #444218 : +4
20 : #4b4a1b : +6
22 : #53511d : +8
24 : #5b5920 : +10
26 : #626022 : +12
28 : #6a6725 : +14
30 : #716f28 : +16
32 : #79762a : +18
34 : #807e2d : +20
36 : #888530 : +22
38 : #8f8c32 : +24
40 : #979435 : +26
42 : #9f9b38 : +28
44 : #a6a23a : +30
46 : #aeaa3d : +32
48 : #b5b140 : +34
50 : #bdb942 : +36
52 : #bfbb4a : +38
54 : #c2be51 : +40
56 : #c5c159 : +42
58 : #c7c460 : +44
60 : #cac768 : +46
62 : #cdca70 : +48
64 : #cfcc77 : +50
66 : #d2cf7f : +52
68 : #d5d286 : +54
70 : #d7d58e : +56
72 : #dad895 : +58
74 : #ddda9d : +60
76 : #dfdda4 : +62
78 : #e2e0ac : +64
80 : #e4e3b4 : +66
82 : #e7e6bb : +68
84 : #eae8c3 : +70
86 : #ecebca : +72
88 : #efeed2 : +74
90 : #f2f1d9 : +76
92 : #f4f4e1 : +78
94 : #f7f7e8 : +80
96 : #faf9f0 : +82
98 : #fcfcf7 : +84
100 : #ffffff : +86
CSS入門、作ってます。
text-shadow