#6c3281
RGB ( 赤 = 108, 緑 = 50, 青 = 129 )
HSL ( 色相 = 284°, 彩度 = 44%, 明度 = 35% )
H : 色相 ( 284° )
(0°) 赤~黄~緑~青~紫 (359°)
4 : #813732 : -280
14 : #814432 : -270
24 : #815132 : -260
34 : #815e32 : -250
44 : #816c32 : -240
54 : #817932 : -230
64 : #7b8132 : -220
74 : #6e8132 : -210
84 : #618132 : -200
94 : #548132 : -190
104 : #478132 : -180
114 : #3a8132 : -170
124 : #328137 : -160
134 : #328144 : -150
144 : #328151 : -140
154 : #32815e : -130
164 : #32816c : -120
174 : #328179 : -110
184 : #327b81 : -100
194 : #326e81 : -90
204 : #326181 : -80
214 : #325481 : -70
224 : #324781 : -60
234 : #323a81 : -50
244 : #373281 : -40
254 : #443281 : -30
264 : #513281 : -20
274 : #5e3281 : -10
284 : #6c3281 : ±0
294 : #793281 : +10
304 : #81327b : +20
314 : #81326e : +30
324 : #813261 : +40
334 : #813254 : +50
344 : #813247 : +60
354 : #81323a : +70
274 : #5e3281 : -10
275 : #603281 : -9
276 : #613281 : -8
277 : #623281 : -7
278 : #643281 : -6
279 : #653281 : -5
280 : #663281 : -4
281 : #683281 : -3
282 : #693281 : -2
283 : #6a3281 : -1
284 : #6c3281 : ±0
285 : #6d3281 : +1
286 : #6e3281 : +2
287 : #703281 : +3
288 : #713281 : +4
289 : #723281 : +5
290 : #733281 : +6
291 : #753281 : +7
292 : #763281 : +8
293 : #773281 : +9
294 : #793281 : +10
S : 彩度 ( 44% )
(0%) 渋い ~ 鮮やか (100%)
0 : #595959 : -44
2 : #5a575b : -42
4 : #5b565d : -40
6 : #5c545f : -38
8 : #5d5260 : -36
10 : #5d5062 : -34
12 : #5e4f64 : -32
14 : #5f4d66 : -30
16 : #604b68 : -28
18 : #614969 : -26
20 : #62476b : -24
22 : #62466d : -22
24 : #63446f : -20
26 : #644270 : -18
28 : #654072 : -16
30 : #663e74 : -14
32 : #673d76 : -12
34 : #673b78 : -10
36 : #683979 : -8
38 : #69377b : -6
40 : #6a367d : -4
42 : #6b347f : -2
44 : #6c3281 : ±0
46 : #6c3082 : +2
48 : #6d2e84 : +4
50 : #6e2d86 : +6
52 : #6f2b88 : +8
54 : #702989 : +10
56 : #71278b : +12
58 : #71258d : +14
60 : #72248f : +16
62 : #732291 : +18
64 : #742092 : +20
66 : #751e94 : +22
68 : #761d96 : +24
70 : #761b98 : +26
72 : #77199a : +28
74 : #78179b : +30
76 : #79159d : +32
78 : #7a149f : +34
80 : #7b12a1 : +36
82 : #7b10a2 : +38
84 : #7c0ea4 : +40
86 : #7d0ca6 : +42
88 : #7e0ba8 : +44
90 : #7f09aa : +46
92 : #8007ab : +48
94 : #8005ad : +50
96 : #8104af : +52
98 : #8202b1 : +54
100 : #8300b3 : +56
L : 明度 ( 35% )
(0%) 暗い ~ 明るい (100%)
1 : #030104 : -34
3 : #09040b : -32
5 : #0f0712 : -30
7 : #160a1a : -28
9 : #1c0d21 : -26
11 : #221028 : -24
13 : #281330 : -22
15 : #2e1537 : -20
17 : #34183e : -18
19 : #3a1b46 : -16
21 : #411e4d : -14
23 : #472154 : -12
25 : #4d245c : -10
27 : #532763 : -8
29 : #59296a : -6
31 : #5f2c72 : -4
33 : #652f79 : -2
35 : #6c3281 : ±0
37 : #723588 : +2
39 : #78388f : +4
41 : #7e3b97 : +6
43 : #843d9e : +8
45 : #8a40a5 : +10
47 : #9043ad : +12
49 : #9746b4 : +14
51 : #9c4bb9 : +16
53 : #a052bc : +18
55 : #a45abf : +20
57 : #a861c2 : +22
59 : #ac68c4 : +24
61 : #b070c7 : +26
63 : #b477ca : +28
65 : #b87ecd : +30
67 : #bc86d0 : +32
69 : #c08dd3 : +34
71 : #c495d6 : +36
73 : #c89cd8 : +38
75 : #cca3db : +40
77 : #d0abde : +42
79 : #d4b2e1 : +44
81 : #d8b9e4 : +46
83 : #ddc1e7 : +48
85 : #e1c8ea : +50
87 : #e5cfec : +52
89 : #e9d7ef : +54
91 : #eddef2 : +56
93 : #f1e5f5 : +58
95 : #f5edf8 : +60
97 : #f9f4fb : +62
99 : #fdfbfe : +64
CSS入門、作ってます。
text-shadow