#6c4e83
RGB ( 赤 = 108, 緑 = 78, 青 = 131 )
HSL ( 色相 = 274°, 彩度 = 25%, 明度 = 41% )
H : 色相 ( 274° )
(0°) 赤~黄~緑~青~紫 (359°)
4 : #83524e : -270
14 : #835b4e : -260
24 : #83634e : -250
34 : #836c4e : -240
44 : #83754e : -230
54 : #837d4e : -220
64 : #7f834e : -210
74 : #76834e : -200
84 : #6e834e : -190
94 : #65834e : -180
104 : #5c834e : -170
114 : #54834e : -160
124 : #4e8352 : -150
134 : #4e835b : -140
144 : #4e8363 : -130
154 : #4e836c : -120
164 : #4e8375 : -110
174 : #4e837d : -100
184 : #4e7f83 : -90
194 : #4e7683 : -80
204 : #4e6e83 : -70
214 : #4e6583 : -60
224 : #4e5c83 : -50
234 : #4e5483 : -40
244 : #524e83 : -30
254 : #5b4e83 : -20
264 : #634e83 : -10
274 : #6c4e83 : ±0
284 : #754e83 : +10
294 : #7d4e83 : +20
304 : #834e7f : +30
314 : #834e76 : +40
324 : #834e6e : +50
334 : #834e65 : +60
344 : #834e5c : +70
354 : #834e54 : +80
264 : #634e83 : -10
265 : #644e83 : -9
266 : #654e83 : -8
267 : #664e83 : -7
268 : #674e83 : -6
269 : #684e83 : -5
270 : #694e83 : -4
271 : #694e83 : -3
272 : #6a4e83 : -2
273 : #6b4e83 : -1
274 : #6c4e83 : ±0
275 : #6d4e83 : +1
276 : #6e4e83 : +2
277 : #6f4e83 : +3
278 : #704e83 : +4
279 : #704e83 : +5
280 : #714e83 : +6
281 : #724e83 : +7
282 : #734e83 : +8
283 : #744e83 : +9
284 : #754e83 : +10
S : 彩度 ( 25% )
(0%) 渋い ~ 鮮やか (100%)
1 : #69686a : -24
3 : #69656c : -22
5 : #69636e : -20
7 : #6a6170 : -18
9 : #6a5f72 : -16
11 : #6a5d74 : -14
13 : #6a5b76 : -12
15 : #6b5978 : -10
17 : #6b577a : -8
19 : #6b557c : -6
21 : #6b537f : -4
23 : #6c5181 : -2
25 : #6c4e83 : ±0
27 : #6c4c85 : +2
29 : #6d4a87 : +4
31 : #6d4889 : +6
33 : #6d468b : +8
35 : #6d448d : +10
37 : #6e428f : +12
39 : #6e4091 : +14
41 : #6e3e93 : +16
43 : #6f3c96 : +18
45 : #6f3a98 : +20
47 : #6f379a : +22
49 : #6f359c : +24
51 : #70339e : +26
53 : #7031a0 : +28
55 : #702fa2 : +30
57 : #702da4 : +32
59 : #712ba6 : +34
61 : #7129a8 : +36
63 : #7127aa : +38
65 : #7225ad : +40
67 : #7223af : +42
69 : #7220b1 : +44
71 : #721eb3 : +46
73 : #731cb5 : +48
75 : #731ab7 : +50
77 : #7318b9 : +52
79 : #7416bb : +54
81 : #7414bd : +56
83 : #7412bf : +58
85 : #7410c1 : +60
87 : #750ec4 : +62
89 : #750cc6 : +64
91 : #7509c8 : +66
93 : #7607ca : +68
95 : #7605cc : +70
97 : #7603ce : +72
99 : #7601d0 : +74
L : 明度 ( 41% )
(0%) 暗い ~ 明るい (100%)
1 : #030203 : -40
3 : #08060a : -38
5 : #0d0a10 : -36
7 : #120d16 : -34
9 : #18111d : -32
11 : #1d1523 : -30
13 : #221929 : -28
15 : #281d30 : -26
17 : #2d2136 : -24
19 : #32243d : -22
21 : #372843 : -20
23 : #3d2c49 : -18
25 : #423050 : -16
27 : #473456 : -14
29 : #4c375c : -12
31 : #523b63 : -10
33 : #573f69 : -8
35 : #5c4370 : -6
37 : #614776 : -4
39 : #674b7c : -2
41 : #6c4e83 : ±0
43 : #715289 : +2
45 : #77568f : +4
47 : #7c5a96 : +6
49 : #815e9c : +8
51 : #8663a1 : +10
53 : #8b69a5 : +12
55 : #9070a9 : +14
57 : #9576ad : +16
59 : #9a7cb1 : +18
61 : #9f83b4 : +20
63 : #a489b8 : +22
65 : #a98fbc : +24
67 : #ae96c0 : +26
69 : #b39cc4 : +28
71 : #b8a3c8 : +30
73 : #bca9cb : +32
75 : #c1afcf : +34
77 : #c6b6d3 : +36
79 : #cbbcd7 : +38
81 : #d0c2db : +40
83 : #d5c9de : +42
85 : #dacfe2 : +44
87 : #dfd6e6 : +46
89 : #e4dcea : +48
91 : #e9e2ee : +50
93 : #eee9f2 : +52
95 : #f3eff5 : +54
97 : #f8f5f9 : +56
99 : #fdfcfd : +58
CSS入門、作ってます。
text-shadow