#6a9578
RGB ( 赤 = 106, 緑 = 149, 青 = 120 )
HSL ( 色相 = 140°, 彩度 = 17%, 明度 = 50% )
H : 色相 ( 140° )
(0°) 赤~黄~緑~青~紫 (359°)
0 : #956a6a : -140
10 : #95716a : -130
20 : #95786a : -120
30 : #95806a : -110
40 : #95876a : -100
50 : #958e6a : -90
60 : #95956a : -80
70 : #8e956a : -70
80 : #87956a : -60
90 : #80956a : -50
100 : #78956a : -40
110 : #71956a : -30
120 : #6a956a : -20
130 : #6a9571 : -10
140 : #6a9578 : ±0
150 : #6a9580 : +10
160 : #6a9587 : +20
170 : #6a958e : +30
180 : #6a9595 : +40
190 : #6a8e95 : +50
200 : #6a8795 : +60
210 : #6a8095 : +70
220 : #6a7895 : +80
230 : #6a7195 : +90
240 : #6a6a95 : +100
250 : #716a95 : +110
260 : #786a95 : +120
270 : #806a95 : +130
280 : #876a95 : +140
290 : #8e6a95 : +150
300 : #956a95 : +160
310 : #956a8e : +170
320 : #956a87 : +180
330 : #956a80 : +190
340 : #956a78 : +200
350 : #956a71 : +210
130 : #6a9571 : -10
131 : #6a9572 : -9
132 : #6a9572 : -8
133 : #6a9573 : -7
134 : #6a9574 : -6
135 : #6a9575 : -5
136 : #6a9575 : -4
137 : #6a9576 : -3
138 : #6a9577 : -2
139 : #6a9578 : -1
140 : #6a9578 : ±0
141 : #6a9579 : +1
142 : #6a957a : +2
143 : #6a957a : +3
144 : #6a957b : +4
145 : #6a957c : +5
146 : #6a957d : +6
147 : #6a957d : +7
148 : #6a957e : +8
149 : #6a957f : +9
150 : #6a9580 : +10
S : 彩度 ( 17% )
(0%) 渋い ~ 鮮やか (100%)
1 : #7e817f : -16
3 : #7c837e : -14
5 : #79867d : -12
7 : #77887d : -10
9 : #748b7c : -8
11 : #718e7b : -6
13 : #6f907a : -4
15 : #6c9379 : -2
17 : #6a9578 : ±0
19 : #679877 : +2
21 : #659a77 : +4
23 : #629d76 : +6
25 : #609f75 : +8
27 : #5da274 : +10
29 : #5ba473 : +12
31 : #58a772 : +14
33 : #55aa71 : +16
35 : #53ac71 : +18
37 : #50af70 : +20
39 : #4eb16f : +22
41 : #4bb46e : +24
43 : #49b66d : +26
45 : #46b96c : +28
47 : #44bb6c : +30
49 : #41be6b : +32
51 : #3ec16a : +34
53 : #3cc369 : +36
55 : #39c668 : +38
57 : #37c867 : +40
59 : #34cb66 : +42
61 : #32cd66 : +44
63 : #2fd065 : +46
65 : #2dd264 : +48
67 : #2ad563 : +50
69 : #28d762 : +52
71 : #25da61 : +54
73 : #22dd60 : +56
75 : #20df60 : +58
77 : #1de25f : +60
79 : #1be45e : +62
81 : #18e75d : +64
83 : #16e95c : +66
85 : #13ec5b : +68
87 : #11ee5b : +70
89 : #0ef15a : +72
91 : #0bf459 : +74
93 : #09f658 : +76
95 : #06f957 : +78
97 : #04fb56 : +80
99 : #01fe55 : +82
L : 明度 ( 50% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -50
2 : #040605 : -48
4 : #080c0a : -46
6 : #0d120e : -44
8 : #111813 : -42
10 : #151e18 : -40
12 : #19241d : -38
14 : #1e2a22 : -36
16 : #223026 : -34
18 : #26362b : -32
20 : #2a3c30 : -30
22 : #2f4235 : -28
24 : #33483a : -26
26 : #374e3f : -24
28 : #3b5443 : -22
30 : #3f5a48 : -20
32 : #445f4d : -18
34 : #486552 : -16
36 : #4c6b57 : -14
38 : #50715b : -12
40 : #557760 : -10
42 : #597d65 : -8
44 : #5d836a : -6
46 : #61896f : -4
48 : #668f73 : -2
50 : #6a9578 : ±0
52 : #70997e : +2
54 : #769e83 : +4
56 : #7ca288 : +6
58 : #82a68e : +8
60 : #88aa93 : +10
62 : #8eaf99 : +12
64 : #94b39e : +14
66 : #9ab7a3 : +16
68 : #a0bba9 : +18
70 : #a5c0ae : +20
72 : #abc4b4 : +22
74 : #b1c8b9 : +24
76 : #b7ccbe : +26
78 : #bdd0c4 : +28
80 : #c3d5c9 : +30
82 : #c9d9ce : +32
84 : #cfddd4 : +34
86 : #d5e1d9 : +36
88 : #dbe6df : +38
90 : #e1eae4 : +40
92 : #e7eee9 : +42
94 : #edf2ef : +44
96 : #f3f7f4 : +46
98 : #f9fbfa : +48
100 : #ffffff : +50
CSS入門、作ってます。
text-shadow