#70246c
RGB ( 赤 = 112, 緑 = 36, 青 = 108 )
HSL ( 色相 = 303°, 彩度 = 51%, 明度 = 29% )
H : 色相 ( 303° )
(0°) 赤~黄~緑~青~紫 (359°)
3 : #702824 : -300
13 : #703524 : -290
23 : #704124 : -280
33 : #704e24 : -270
43 : #705a24 : -260
53 : #706724 : -250
63 : #6c7024 : -240
73 : #5f7024 : -230
83 : #537024 : -220
93 : #467024 : -210
103 : #3a7024 : -200
113 : #2d7024 : -190
123 : #247028 : -180
133 : #247035 : -170
143 : #247041 : -160
153 : #24704e : -150
163 : #24705a : -140
173 : #247067 : -130
183 : #246c70 : -120
193 : #245f70 : -110
203 : #245370 : -100
213 : #244670 : -90
223 : #243a70 : -80
233 : #242d70 : -70
243 : #282470 : -60
253 : #352470 : -50
263 : #412470 : -40
273 : #4e2470 : -30
283 : #5a2470 : -20
293 : #672470 : -10
303 : #70246c : ±0
313 : #70245f : +10
323 : #702453 : +20
333 : #702446 : +30
343 : #70243a : +40
353 : #70242d : +50
293 : #672470 : -10
294 : #682470 : -9
295 : #692470 : -8
296 : #6b2470 : -7
297 : #6c2470 : -6
298 : #6d2470 : -5
299 : #6e2470 : -4
300 : #702470 : -3
301 : #70246e : -2
302 : #70246d : -1
303 : #70246c : ±0
304 : #70246b : +1
305 : #702469 : +2
306 : #702468 : +3
307 : #702467 : +4
308 : #702466 : +5
309 : #702464 : +6
310 : #702463 : +7
311 : #702462 : +8
312 : #702461 : +9
313 : #70245f : +10
S : 彩度 ( 51% )
(0%) 渋い ~ 鮮やか (100%)
1 : #4b494b : -50
3 : #4c484c : -48
5 : #4e464d : -46
7 : #4f454f : -44
9 : #514350 : -42
11 : #524251 : -40
13 : #544053 : -38
15 : #553f54 : -36
17 : #573d55 : -34
19 : #583c57 : -32
21 : #593a58 : -30
23 : #5b3959 : -28
25 : #5c375b : -26
27 : #5e365c : -24
29 : #5f355d : -22
31 : #61335f : -20
33 : #623260 : -18
35 : #643061 : -16
37 : #652f63 : -14
39 : #672d64 : -12
41 : #682c65 : -10
43 : #6a2a67 : -8
45 : #6b2968 : -6
47 : #6d2769 : -4
49 : #6e266b : -2
51 : #70246c : ±0
53 : #71236d : +2
55 : #73216f : +4
57 : #742070 : +6
59 : #761e71 : +8
61 : #771d73 : +10
63 : #791b74 : +12
65 : #7a1a75 : +14
67 : #7b1877 : +16
69 : #7d1778 : +18
71 : #7e1579 : +20
73 : #80147b : +22
75 : #81127c : +24
77 : #83117d : +26
79 : #84107f : +28
81 : #860e80 : +30
83 : #870d81 : +32
85 : #890b83 : +34
87 : #8a0a84 : +36
89 : #8c0885 : +38
91 : #8d0787 : +40
93 : #8f0588 : +42
95 : #900489 : +44
97 : #92028b : +46
99 : #93018c : +48
L : 明度 ( 29% )
(0%) 暗い ~ 明るい (100%)
1 : #040104 : -28
3 : #0c040b : -26
5 : #130613 : -24
7 : #1b091a : -22
9 : #230b21 : -20
11 : #2a0e29 : -18
13 : #321030 : -16
15 : #3a1338 : -14
17 : #41153f : -12
19 : #491847 : -10
21 : #511a4e : -8
23 : #591d56 : -6
25 : #601f5d : -4
27 : #682264 : -2
29 : #70246c : ±0
31 : #772773 : +2
33 : #7f297b : +4
35 : #872c82 : +6
37 : #8e2e8a : +8
39 : #963191 : +10
41 : #9e3399 : +12
43 : #a636a0 : +14
45 : #ad38a7 : +16
47 : #b53baf : +18
49 : #bd3db6 : +20
51 : #c242bb : +22
53 : #c44abe : +24
55 : #c752c1 : +26
57 : #c959c4 : +28
59 : #cc61c6 : +30
61 : #ce69c9 : +32
63 : #d171cc : +34
65 : #d378cf : +36
67 : #d680d1 : +38
69 : #d888d4 : +40
71 : #db8fd7 : +42
73 : #dd97da : +44
75 : #e09fdd : +46
77 : #e2a6df : +48
79 : #e5aee2 : +50
81 : #e7b6e5 : +52
83 : #eabee8 : +54
85 : #ecc5ea : +56
87 : #efcded : +58
89 : #f1d5f0 : +60
91 : #f4dcf3 : +62
93 : #f6e4f5 : +64
95 : #f9ecf8 : +66
97 : #fbf3fb : +68
99 : #fefbfe : +70
CSS入門、作ってます。
text-shadow