#7c6878
RGB ( 赤 = 124, 緑 = 104, 青 = 120 )
HSL ( 色相 = 312°, 彩度 = 9%, 明度 = 45% )
H : 色相 ( 312° )
(0°) 赤~黄~緑~青~紫 (359°)
2 : #7d6968 : -310
12 : #7d6d68 : -300
22 : #7d7068 : -290
32 : #7d7368 : -280
42 : #7d7768 : -270
52 : #7d7a68 : -260
62 : #7c7d68 : -250
72 : #797d68 : -240
82 : #767d68 : -230
92 : #727d68 : -220
102 : #6f7d68 : -210
112 : #6b7d68 : -200
122 : #687d69 : -190
132 : #687d6d : -180
142 : #687d70 : -170
152 : #687d73 : -160
162 : #687d77 : -150
172 : #687d7a : -140
182 : #687c7d : -130
192 : #68797d : -120
202 : #68767d : -110
212 : #68727d : -100
222 : #686f7d : -90
232 : #686b7d : -80
242 : #69687d : -70
252 : #6d687d : -60
262 : #70687d : -50
272 : #73687d : -40
282 : #77687d : -30
292 : #7a687d : -20
302 : #7d687c : -10
312 : #7d6879 : ±0
322 : #7d6876 : +10
332 : #7d6872 : +20
342 : #7d686f : +30
352 : #7d686b : +40
302 : #7d687c : -10
303 : #7d687c : -9
304 : #7d687c : -8
305 : #7d687b : -7
306 : #7d687b : -6
307 : #7d687b : -5
308 : #7d687a : -4
309 : #7d687a : -3
310 : #7d687a : -2
311 : #7d6879 : -1
312 : #7d6879 : ±0
313 : #7d6879 : +1
314 : #7d6878 : +2
315 : #7d6878 : +3
316 : #7d6878 : +4
317 : #7d6877 : +5
318 : #7d6877 : +6
319 : #7d6877 : +7
320 : #7d6876 : +8
321 : #7d6876 : +9
322 : #7d6876 : +10
S : 彩度 ( 9% )
(0%) 渋い ~ 鮮やか (100%)
1 : #747273 : -8
3 : #766f75 : -6
5 : #786d76 : -4
7 : #7b6b78 : -2
9 : #7d6879 : ±0
11 : #7f667a : +2
13 : #82647c : +4
15 : #84627d : +6
17 : #865f7e : +8
19 : #895d80 : +10
21 : #8b5b81 : +12
23 : #8d5883 : +14
25 : #8f5684 : +16
27 : #925485 : +18
29 : #945187 : +20
31 : #964f88 : +22
33 : #994d89 : +24
35 : #9b4b8b : +26
37 : #9d488c : +28
39 : #a0468e : +30
41 : #a2448f : +32
43 : #a44190 : +34
45 : #a63f92 : +36
47 : #a93d93 : +38
49 : #ab3b94 : +40
51 : #ad3896 : +42
53 : #b03697 : +44
55 : #b23499 : +46
57 : #b4319a : +48
59 : #b62f9b : +50
61 : #b92d9d : +52
63 : #bb2a9e : +54
65 : #bd28a0 : +56
67 : #c026a1 : +58
69 : #c224a2 : +60
71 : #c421a4 : +62
73 : #c71fa5 : +64
75 : #c91da6 : +66
77 : #cb1aa8 : +68
79 : #cd18a9 : +70
81 : #d016ab : +72
83 : #d214ac : +74
85 : #d411ad : +76
87 : #d70faf : +78
89 : #d90db0 : +80
91 : #db0ab1 : +82
93 : #dd08b3 : +84
95 : #e006b4 : +86
97 : #e203b6 : +88
99 : #e401b7 : +90
L : 明度 ( 45% )
(0%) 暗い ~ 明るい (100%)
1 : #030203 : -44
3 : #080708 : -42
5 : #0e0c0d : -40
7 : #131013 : -38
9 : #191518 : -36
11 : #1f1a1e : -34
13 : #241e23 : -32
15 : #2a2328 : -30
17 : #2f272e : -28
19 : #352c33 : -26
21 : #3a3138 : -24
23 : #40353e : -22
25 : #453a43 : -20
27 : #4b3f49 : -18
29 : #51434e : -16
31 : #564853 : -14
33 : #5c4d59 : -12
35 : #61515e : -10
37 : #675663 : -8
39 : #6c5a69 : -6
41 : #725f6e : -4
43 : #786474 : -2
45 : #7d6879 : ±0
47 : #836d7e : +2
49 : #887284 : +4
51 : #8d7789 : +6
53 : #927c8e : +8
55 : #978292 : +10
57 : #9b8797 : +12
59 : #a08d9c : +14
61 : #a593a1 : +16
63 : #a998a6 : +18
65 : #ae9eab : +20
67 : #b2a3af : +22
69 : #b7a9b4 : +24
71 : #bcaeb9 : +26
73 : #c0b4be : +28
75 : #c5bac3 : +30
77 : #cabfc8 : +32
79 : #cec5cc : +34
81 : #d3cad1 : +36
83 : #d8d0d6 : +38
85 : #dcd5db : +40
87 : #e1dbe0 : +42
89 : #e5e0e4 : +44
91 : #eae6e9 : +46
93 : #efecee : +48
95 : #f3f1f3 : +50
97 : #f8f7f8 : +52
99 : #fdfcfd : +54
CSS入門、作ってます。
text-shadow