#6c124c
RGB ( 赤 = 108, 緑 = 18, 青 = 76 )
HSL ( 色相 = 321°, 彩度 = 71%, 明度 = 25% )
H : 色相 ( 321° )
(0°) 赤~黄~緑~青~紫 (359°)
1 : #6d1412 : -320
11 : #6d2312 : -310
21 : #6d3212 : -300
31 : #6d4112 : -290
41 : #6d5012 : -280
51 : #6d5f12 : -270
61 : #6c6d12 : -260
71 : #5c6d12 : -250
81 : #4d6d12 : -240
91 : #3e6d12 : -230
101 : #2f6d12 : -220
111 : #206d12 : -210
121 : #126d14 : -200
131 : #126d23 : -190
141 : #126d32 : -180
151 : #126d41 : -170
161 : #126d50 : -160
171 : #126d5f : -150
181 : #126c6d : -140
191 : #125c6d : -130
201 : #124d6d : -120
211 : #123e6d : -110
221 : #122f6d : -100
231 : #12206d : -90
241 : #14126d : -80
251 : #23126d : -70
261 : #32126d : -60
271 : #41126d : -50
281 : #50126d : -40
291 : #5f126d : -30
301 : #6d126c : -20
311 : #6d125c : -10
321 : #6d124d : ±0
331 : #6d123e : +10
341 : #6d122f : +20
351 : #6d1220 : +30
311 : #6d125c : -10
312 : #6d125b : -9
313 : #6d1259 : -8
314 : #6d1258 : -7
315 : #6d1256 : -6
316 : #6d1255 : -5
317 : #6d1253 : -4
318 : #6d1252 : -3
319 : #6d1250 : -2
320 : #6d124f : -1
321 : #6d124d : ±0
322 : #6d124c : +1
323 : #6d124a : +2
324 : #6d1249 : +3
325 : #6d1247 : +4
326 : #6d1246 : +5
327 : #6d1244 : +6
328 : #6d1243 : +7
329 : #6d1241 : +8
330 : #6d1240 : +9
331 : #6d123e : +10
S : 彩度 ( 71% )
(0%) 渋い ~ 鮮やか (100%)
1 : #403f40 : -70
3 : #423e40 : -68
5 : #433d41 : -66
7 : #443b41 : -64
9 : #453a41 : -62
11 : #473942 : -60
13 : #483742 : -58
15 : #493643 : -56
17 : #4b3543 : -54
19 : #4c3443 : -52
21 : #4d3244 : -50
23 : #4e3144 : -48
25 : #503045 : -46
27 : #512f45 : -44
29 : #522d45 : -42
31 : #542c46 : -40
33 : #552b46 : -38
35 : #562946 : -36
37 : #572847 : -34
39 : #592747 : -32
41 : #5a2648 : -30
43 : #5b2448 : -28
45 : #5c2348 : -26
47 : #5e2249 : -24
49 : #5f2149 : -22
51 : #601f4a : -20
53 : #621e4a : -18
55 : #631d4a : -16
57 : #641b4b : -14
59 : #651a4b : -12
61 : #67194b : -10
63 : #68184c : -8
65 : #69164c : -6
67 : #6a154d : -4
69 : #6c144d : -2
71 : #6d124d : ±0
73 : #6e114e : +2
75 : #70104e : +4
77 : #710f4e : +6
79 : #720d4f : +8
81 : #730c4f : +10
83 : #750b50 : +12
85 : #760a50 : +14
87 : #770850 : +16
89 : #780751 : +18
91 : #7a0651 : +20
93 : #7b0452 : +22
95 : #7c0352 : +24
97 : #7e0252 : +26
99 : #7f0153 : +28
L : 明度 ( 25% )
(0%) 暗い ~ 明るい (100%)
1 : #040103 : -24
3 : #0d0209 : -22
5 : #16040f : -20
7 : #1f0516 : -18
9 : #27071c : -16
11 : #300822 : -14
13 : #390a28 : -12
15 : #410b2e : -10
17 : #4a0d35 : -8
19 : #530e3b : -6
21 : #5c1041 : -4
23 : #641147 : -2
25 : #6d124d : ±0
27 : #761454 : +2
29 : #7e155a : +4
31 : #871760 : +6
33 : #901866 : +8
35 : #991a6c : +10
37 : #a11b72 : +12
39 : #aa1d79 : +14
41 : #b31e7f : +16
43 : #bc2085 : +18
45 : #c4218b : +20
47 : #cd2391 : +22
49 : #d62498 : +24
51 : #db299d : +26
53 : #dc32a1 : +28
55 : #de3ba5 : +30
57 : #df43a9 : +32
59 : #e14cad : +34
61 : #e255b1 : +36
63 : #e45eb5 : +38
65 : #e566b9 : +40
67 : #e76fbd : +42
69 : #e878c1 : +44
71 : #ea81c5 : +46
73 : #eb89c9 : +48
75 : #ed92cd : +50
77 : #ee9bd1 : +52
79 : #efa3d5 : +54
81 : #f1acd9 : +56
83 : #f2b5dd : +58
85 : #f4bee1 : +60
87 : #f5c6e5 : +62
89 : #f7cfe9 : +64
91 : #f8d8ed : +66
93 : #fae0f1 : +68
95 : #fbe9f5 : +70
97 : #fdf2f9 : +72
99 : #fefbfd : +74
CSS入門、作ってます。
text-shadow