#566760
RGB ( 赤 = 86, 緑 = 103, 青 = 96 )
HSL ( 色相 = 155°, 彩度 = 9%, 明度 = 37% )
H : 色相 ( 155° )
(0°) 赤~黄~緑~青~紫 (359°)
5 : #675756 : -150
15 : #675a56 : -140
25 : #675d56 : -130
35 : #676056 : -120
45 : #676356 : -110
55 : #676556 : -100
65 : #656756 : -90
75 : #636756 : -80
85 : #606756 : -70
95 : #5d6756 : -60
105 : #5a6756 : -50
115 : #576756 : -40
125 : #566757 : -30
135 : #56675a : -20
145 : #56675d : -10
155 : #566760 : ±0
165 : #566763 : +10
175 : #566765 : +20
185 : #566567 : +30
195 : #566367 : +40
205 : #566067 : +50
215 : #565d67 : +60
225 : #565a67 : +70
235 : #565767 : +80
245 : #575667 : +90
255 : #5a5667 : +100
265 : #5d5667 : +110
275 : #605667 : +120
285 : #635667 : +130
295 : #655667 : +140
305 : #675665 : +150
315 : #675663 : +160
325 : #675660 : +170
335 : #67565d : +180
345 : #67565a : +190
355 : #675657 : +200
145 : #56675d : -10
146 : #56675d : -9
147 : #56675e : -8
148 : #56675e : -7
149 : #56675e : -6
150 : #56675e : -5
151 : #56675f : -4
152 : #56675f : -3
153 : #56675f : -2
154 : #56675f : -1
155 : #566760 : ±0
156 : #566760 : +1
157 : #566760 : +2
158 : #566761 : +3
159 : #566761 : +4
160 : #566761 : +5
161 : #566761 : +6
162 : #566762 : +7
163 : #566762 : +8
164 : #566762 : +9
165 : #566763 : +10
S : 彩度 ( 9% )
(0%) 渋い ~ 鮮やか (100%)
1 : #5d5f5f : -8
3 : #5c615f : -6
5 : #5a635f : -4
7 : #58655f : -2
9 : #566760 : ±0
11 : #546960 : +2
13 : #526b60 : +4
15 : #506d61 : +6
17 : #4e6e61 : +8
19 : #4c7061 : +10
21 : #4b7262 : +12
23 : #497462 : +14
25 : #477662 : +16
27 : #457863 : +18
29 : #437a63 : +20
31 : #417c63 : +22
33 : #3f7d64 : +24
35 : #3d7f64 : +26
37 : #3b8164 : +28
39 : #3a8364 : +30
41 : #388565 : +32
43 : #368765 : +34
45 : #348965 : +36
47 : #328b66 : +38
49 : #308d66 : +40
51 : #2e8e66 : +42
53 : #2c9067 : +44
55 : #2a9267 : +46
57 : #299467 : +48
59 : #279668 : +50
61 : #259868 : +52
63 : #239a68 : +54
65 : #219c69 : +56
67 : #1f9e69 : +58
69 : #1d9f69 : +60
71 : #1ba16a : +62
73 : #19a36a : +64
75 : #18a56a : +66
77 : #16a76a : +68
79 : #14a96b : +70
81 : #12ab6b : +72
83 : #10ad6b : +74
85 : #0eaf6c : +76
87 : #0cb06c : +78
89 : #0ab26c : +80
91 : #08b46d : +82
93 : #07b66d : +84
95 : #05b86d : +86
97 : #03ba6e : +88
99 : #01bc6e : +90
L : 明度 ( 37% )
(0%) 暗い ~ 明るい (100%)
1 : #020303 : -36
3 : #070808 : -34
5 : #0c0e0d : -32
7 : #101312 : -30
9 : #151917 : -28
11 : #1a1f1c : -26
13 : #1e2422 : -24
15 : #232a27 : -22
17 : #272f2c : -20
19 : #2c3531 : -18
21 : #313a36 : -16
23 : #35403c : -14
25 : #3a4541 : -12
27 : #3f4b46 : -10
29 : #43514b : -8
31 : #485650 : -6
33 : #4d5c55 : -4
35 : #51615b : -2
37 : #566760 : ±0
39 : #5a6c65 : +2
41 : #5f726a : +4
43 : #64786f : +6
45 : #687d74 : +8
47 : #6d837a : +10
49 : #72887f : +12
51 : #778d84 : +14
53 : #7c9289 : +16
55 : #82978e : +18
57 : #879b93 : +20
59 : #8da098 : +22
61 : #93a59d : +24
63 : #98a9a2 : +26
65 : #9eaea7 : +28
67 : #a3b2ac : +30
69 : #a9b7b1 : +32
71 : #aebcb6 : +34
73 : #b4c0bb : +36
75 : #bac5c0 : +38
77 : #bfcac5 : +40
79 : #c5ceca : +42
81 : #cad3cf : +44
83 : #d0d8d4 : +46
85 : #d5dcd9 : +48
87 : #dbe1de : +50
89 : #e0e5e3 : +52
91 : #e6eae8 : +54
93 : #ecefed : +56
95 : #f1f3f2 : +58
97 : #f7f8f7 : +60
99 : #fcfdfc : +62
CSS入門、作ってます。
text-shadow