#6c1884
RGB ( 赤 = 108, 緑 = 24, 青 = 132 )
HSL ( 色相 = 287°, 彩度 = 69%, 明度 = 31% )
H : 色相 ( 287° )
(0°) 赤~黄~緑~青~紫 (359°)
7 : #862519 : -280
17 : #863719 : -270
27 : #864a19 : -260
37 : #865c19 : -250
47 : #866e19 : -240
57 : #868019 : -230
67 : #798619 : -220
77 : #678619 : -210
87 : #558619 : -200
97 : #428619 : -190
107 : #308619 : -180
117 : #1e8619 : -170
127 : #198625 : -160
137 : #198637 : -150
147 : #19864a : -140
157 : #19865c : -130
167 : #19866e : -120
177 : #198680 : -110
187 : #197986 : -100
197 : #196786 : -90
207 : #195586 : -80
217 : #194286 : -70
227 : #193086 : -60
237 : #191e86 : -50
247 : #251986 : -40
257 : #371986 : -30
267 : #4a1986 : -20
277 : #5c1986 : -10
287 : #6e1986 : ±0
297 : #801986 : +10
307 : #861979 : +20
317 : #861967 : +30
327 : #861955 : +40
337 : #861942 : +50
347 : #861930 : +60
357 : #86191e : +70
277 : #5c1986 : -10
278 : #5e1986 : -9
279 : #5f1986 : -8
280 : #611986 : -7
281 : #631986 : -6
282 : #651986 : -5
283 : #671986 : -4
284 : #691986 : -3
285 : #6a1986 : -2
286 : #6c1986 : -1
287 : #6e1986 : ±0
288 : #701986 : +1
289 : #721986 : +2
290 : #731986 : +3
291 : #751986 : +4
292 : #771986 : +5
293 : #791986 : +6
294 : #7b1986 : +7
295 : #7d1986 : +8
296 : #7e1986 : +9
297 : #801986 : +10
S : 彩度 ( 69% )
(0%) 渋い ~ 鮮やか (100%)
1 : #4f4e50 : -68
3 : #504d51 : -66
5 : #514b53 : -64
7 : #524a55 : -62
9 : #534856 : -60
11 : #544658 : -58
13 : #554559 : -56
15 : #56435b : -54
17 : #57425c : -52
19 : #58405e : -50
21 : #583e60 : -48
23 : #593d61 : -46
25 : #5a3b63 : -44
27 : #5b3a64 : -42
29 : #5c3866 : -40
31 : #5d3768 : -38
33 : #5e3569 : -36
35 : #5f336b : -34
37 : #60326c : -32
39 : #61306e : -30
41 : #612f6f : -28
43 : #622d71 : -26
45 : #632b73 : -24
47 : #642a74 : -22
49 : #652876 : -20
51 : #662777 : -18
53 : #672579 : -16
55 : #68247b : -14
57 : #69227c : -12
59 : #69207e : -10
61 : #6a1f7f : -8
63 : #6b1d81 : -6
65 : #6c1c82 : -4
67 : #6d1a84 : -2
69 : #6e1986 : ±0
71 : #6f1787 : +2
73 : #701589 : +4
75 : #71148a : +6
77 : #72128c : +8
79 : #72118d : +10
81 : #730f8f : +12
83 : #740d91 : +14
85 : #750c92 : +16
87 : #760a94 : +18
89 : #770995 : +20
91 : #780797 : +22
93 : #790699 : +24
95 : #7a049a : +26
97 : #7b029c : +28
99 : #7b019d : +30
L : 明度 ( 31% )
(0%) 暗い ~ 明るい (100%)
1 : #040104 : -30
3 : #0b020d : -28
5 : #120416 : -26
7 : #19061e : -24
9 : #200727 : -22
11 : #27092f : -20
13 : #2e0a38 : -18
15 : #350c41 : -16
17 : #3c0d49 : -14
19 : #430f52 : -12
21 : #4a115a : -10
23 : #521263 : -8
25 : #59146c : -6
27 : #601574 : -4
29 : #67177d : -2
31 : #6e1986 : ±0
33 : #751a8e : +2
35 : #7c1c97 : +4
37 : #831d9f : +6
39 : #8a1fa8 : +8
41 : #9120b1 : +10
43 : #9922b9 : +12
45 : #a024c2 : +14
47 : #a725cb : +16
49 : #ae27d3 : +18
51 : #b32cd8 : +20
53 : #b634da : +22
55 : #b93ddb : +24
57 : #bc46dd : +26
59 : #bf4edf : +28
61 : #c257e0 : +30
63 : #c660e2 : +32
65 : #c968e3 : +34
67 : #cc71e5 : +36
69 : #cf79e6 : +38
71 : #d282e8 : +40
73 : #d58bea : +42
75 : #d893eb : +44
77 : #db9ced : +46
79 : #dea5ee : +48
81 : #e1adf0 : +50
83 : #e5b6f2 : +52
85 : #e8bef3 : +54
87 : #ebc7f5 : +56
89 : #eed0f6 : +58
91 : #f1d8f8 : +60
93 : #f4e1f9 : +62
95 : #f7e9fb : +64
97 : #faf2fd : +66
99 : #fdfbfe : +68
CSS入門、作ってます。
text-shadow