#7d897c
RGB ( 赤 = 125, 緑 = 137, 青 = 124 )
HSL ( 色相 = 115°, 彩度 = 5%, 明度 = 51% )
H : 色相 ( 115° )
(0°) 赤～黄～緑～青～紫 (359°)
5 : #887d7c : -110
15 : #887f7c : -100
25 : #88817c : -90
35 : #88837c : -80
45 : #88857c : -70
55 : #88877c : -60
65 : #87887c : -50
75 : #85887c : -40
85 : #83887c : -30
95 : #81887c : -20
105 : #7f887c : -10
115 : #7d887c : ±0
125 : #7c887d : +10
135 : #7c887f : +20
145 : #7c8881 : +30
155 : #7c8883 : +40
165 : #7c8885 : +50
175 : #7c8887 : +60
185 : #7c8788 : +70
195 : #7c8588 : +80
205 : #7c8388 : +90
215 : #7c8188 : +100
225 : #7c7f88 : +110
235 : #7c7d88 : +120
245 : #7d7c88 : +130
255 : #7f7c88 : +140
265 : #817c88 : +150
275 : #837c88 : +160
285 : #857c88 : +170
295 : #877c88 : +180
305 : #887c87 : +190
315 : #887c85 : +200
325 : #887c83 : +210
335 : #887c81 : +220
345 : #887c7f : +230
355 : #887c7d : +240
105 : #7f887c : -10
106 : #7f887c : -9
107 : #7f887c : -8
108 : #7e887c : -7
109 : #7e887c : -6
110 : #7e887c : -5
111 : #7e887c : -4
112 : #7d887c : -3
113 : #7d887c : -2
114 : #7d887c : -1
115 : #7d887c : ±0
116 : #7d887c : +1
117 : #7c887c : +2
118 : #7c887c : +3
119 : #7c887c : +4
120 : #7c887c : +5
121 : #7c887c : +6
122 : #7c887c : +7
123 : #7c887c : +8
124 : #7c887d : +9
125 : #7c887d : +10
S : 彩度 ( 5% )
(0%) 渋い ～ 鮮やか (100%)
1 : #818381 : -4
3 : #7f867e : -2
5 : #7d887c : ±0
7 : #7b8b79 : +2
9 : #798d77 : +4
11 : #779074 : +6
13 : #759272 : +8
15 : #72956f : +10
17 : #70976d : +12
19 : #6e9a6a : +14
21 : #6c9c68 : +16
23 : #6a9f65 : +18
25 : #68a163 : +20
27 : #66a460 : +22
29 : #64a65e : +24
31 : #62a95b : +26
33 : #60ab59 : +28
35 : #5eae56 : +30
37 : #5cb054 : +32
39 : #59b351 : +34
41 : #57b54f : +36
43 : #55b84c : +38
45 : #53ba4a : +40
47 : #51bd47 : +42
49 : #4fbf45 : +44
51 : #4dc242 : +46
53 : #4bc440 : +48
55 : #49c73d : +50
57 : #47c93b : +52
59 : #45cc38 : +54
61 : #43ce36 : +56
63 : #40d133 : +58
65 : #3ed331 : +60
67 : #3cd62e : +62
69 : #3ad82c : +64
71 : #38db29 : +66
73 : #36dd27 : +68
75 : #34e024 : +70
77 : #32e222 : +72
79 : #30e51f : +74
81 : #2ee71d : +76
83 : #2cea1a : +78
85 : #2aec18 : +80
87 : #27ef15 : +82
89 : #25f113 : +84
91 : #23f410 : +86
93 : #21f60e : +88
95 : #1ff90b : +90
97 : #1dfb09 : +92
99 : #1bfe06 : +94
L : 明度 ( 51% )
(0%) 暗い ～ 明るい (100%)
1 : #020302 : -50
3 : #070807 : -48
5 : #0c0d0c : -46
7 : #111311 : -44
9 : #161816 : -42
11 : #1b1d1b : -40
13 : #20231f : -38
15 : #252824 : -36
17 : #2a2e29 : -34
19 : #2e332e : -32
21 : #333833 : -30
23 : #383e38 : -28
25 : #3d433d : -26
27 : #424841 : -24
29 : #474e46 : -22
31 : #4c534b : -20
33 : #515850 : -18
35 : #565e55 : -16
37 : #5a635a : -14
39 : #5f685e : -12
41 : #646e63 : -10
43 : #697368 : -8
45 : #6e786d : -6
47 : #737e72 : -4
49 : #788377 : -2
51 : #7d887c : ±0
53 : #828d81 : +2
55 : #879287 : +4
57 : #8d978c : +6
59 : #929c91 : +8
61 : #97a197 : +10
63 : #9da59c : +12
65 : #a2aaa1 : +14
67 : #a7afa7 : +16
69 : #adb4ac : +18
71 : #b2b9b1 : +20
73 : #b7beb7 : +22
75 : #bdc2bc : +24
77 : #c2c7c1 : +26
79 : #c7ccc7 : +28
81 : #cdd1cc : +30
83 : #d2d6d1 : +32
85 : #d7dbd7 : +34
87 : #dce0dc : +36
89 : #e2e4e2 : +38
91 : #e7e9e7 : +40
93 : #eceeec : +42
95 : #f2f3f2 : +44
97 : #f7f8f7 : +46
99 : #fcfdfc : +48
CSS入門、作ってます。
text-shadow