#81224a
RGB ( 赤 = 129, 緑 = 34, 青 = 74 )
HSL ( 色相 = 335°, 彩度 = 58%, 明度 = 32% )
H : 色相 ( 335° )
(0°) 赤~黄~緑~青~紫 (359°)
5 : #812a22 : -330
15 : #813a22 : -320
25 : #814a22 : -310
35 : #815922 : -300
45 : #816922 : -290
55 : #817922 : -280
65 : #798122 : -270
75 : #698122 : -260
85 : #598122 : -250
95 : #4a8122 : -240
105 : #3a8122 : -230
115 : #2a8122 : -220
125 : #22812a : -210
135 : #22813a : -200
145 : #22814a : -190
155 : #228159 : -180
165 : #228169 : -170
175 : #228179 : -160
185 : #227981 : -150
195 : #226981 : -140
205 : #225981 : -130
215 : #224a81 : -120
225 : #223a81 : -110
235 : #222a81 : -100
245 : #2a2281 : -90
255 : #3a2281 : -80
265 : #4a2281 : -70
275 : #592281 : -60
285 : #692281 : -50
295 : #792281 : -40
305 : #812279 : -30
315 : #812269 : -20
325 : #812259 : -10
335 : #81224a : ±0
345 : #81223a : +10
355 : #81222a : +20
325 : #812259 : -10
326 : #812258 : -9
327 : #812256 : -8
328 : #812255 : -7
329 : #812253 : -6
330 : #812252 : -5
331 : #812250 : -4
332 : #81224e : -3
333 : #81224d : -2
334 : #81224b : -1
335 : #81224a : ±0
336 : #812248 : +1
337 : #812247 : +2
338 : #812245 : +3
339 : #812243 : +4
340 : #812242 : +5
341 : #812240 : +6
342 : #81223f : +7
343 : #81223d : +8
344 : #81223c : +9
345 : #81223a : +10
S : 彩度 ( 58% )
(0%) 渋い ~ 鮮やか (100%)
0 : #515151 : -58
2 : #535051 : -56
4 : #554e51 : -54
6 : #564d51 : -52
8 : #584b51 : -50
10 : #5a4950 : -48
12 : #5b4850 : -46
14 : #5d4650 : -44
16 : #5f454f : -42
18 : #60434f : -40
20 : #62414f : -38
22 : #64404f : -36
24 : #653e4e : -34
26 : #673c4e : -32
28 : #683b4e : -30
30 : #6a394e : -28
32 : #6c374d : -26
34 : #6d364d : -24
36 : #6f344d : -22
38 : #71334c : -20
40 : #72314c : -18
42 : #742f4c : -16
44 : #762e4c : -14
46 : #772c4b : -12
48 : #792a4b : -10
50 : #7a294b : -8
52 : #7c274b : -6
54 : #7e264a : -4
56 : #7f244a : -2
58 : #81224a : ±0
60 : #832149 : +2
62 : #841f49 : +4
64 : #861d49 : +6
66 : #871c49 : +8
68 : #891a48 : +10
70 : #8b1848 : +12
72 : #8c1748 : +14
74 : #8e1548 : +16
76 : #901447 : +18
78 : #911247 : +20
80 : #931047 : +22
82 : #950f46 : +24
84 : #960d46 : +26
86 : #980b46 : +28
88 : #990a46 : +30
90 : #9b0845 : +32
92 : #9d0745 : +34
94 : #9e0545 : +36
96 : #a00345 : +38
98 : #a20244 : +40
100 : #a30044 : +42
L : 明度 ( 32% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -32
2 : #080205 : -30
4 : #100409 : -28
6 : #18060e : -26
8 : #200912 : -24
10 : #280b17 : -22
12 : #300d1c : -20
14 : #380f20 : -18
16 : #401125 : -16
18 : #491329 : -14
20 : #51152e : -12
22 : #591833 : -10
24 : #611a37 : -8
26 : #691c3c : -6
28 : #711e40 : -4
30 : #792045 : -2
32 : #81224a : ±0
34 : #89244e : +2
36 : #912753 : +4
38 : #992958 : +6
40 : #a12b5c : +8
42 : #a92d61 : +10
44 : #b12f65 : +12
46 : #b9316a : +14
48 : #c1336f : +16
50 : #c93673 : +18
52 : #cc3e79 : +20
54 : #ce467e : +22
56 : #d04e84 : +24
58 : #d2568a : +26
60 : #d45e8f : +28
62 : #d66695 : +30
64 : #d86e9a : +32
66 : #db76a0 : +34
68 : #dd7ea6 : +36
70 : #df86ab : +38
72 : #e18eb1 : +40
74 : #e396b6 : +42
76 : #e59ebc : +44
78 : #e7a6c1 : +46
80 : #eaaec7 : +48
82 : #ecb6cd : +50
84 : #eebfd2 : +52
86 : #f0c7d8 : +54
88 : #f2cfdd : +56
90 : #f4d7e3 : +58
92 : #f6dfe9 : +60
94 : #f9e7ee : +62
96 : #fbeff4 : +64
98 : #fdf7f9 : +66
100 : #ffffff : +68
CSS入門、作ってます。
text-shadow