#48897e
RGB ( 赤 = 72, 緑 = 137, 青 = 126 )
HSL ( 色相 = 170°, 彩度 = 31%, 明度 = 41% )
H : 色相 ( 170° )
(0°) 赤~黄~緑~青~紫 (359°)
0 : #894848 : -170
10 : #895348 : -160
20 : #895e48 : -150
30 : #896948 : -140
40 : #897348 : -130
50 : #897e48 : -120
60 : #898948 : -110
70 : #7e8948 : -100
80 : #738948 : -90
90 : #698948 : -80
100 : #5e8948 : -70
110 : #538948 : -60
120 : #488948 : -50
130 : #488953 : -40
140 : #48895e : -30
150 : #488969 : -20
160 : #488973 : -10
170 : #48897e : ±0
180 : #488989 : +10
190 : #487e89 : +20
200 : #487389 : +30
210 : #486989 : +40
220 : #485e89 : +50
230 : #485389 : +60
240 : #484889 : +70
250 : #534889 : +80
260 : #5e4889 : +90
270 : #694889 : +100
280 : #734889 : +110
290 : #7e4889 : +120
300 : #894889 : +130
310 : #89487e : +140
320 : #894873 : +150
330 : #894869 : +160
340 : #89485e : +170
350 : #894853 : +180
160 : #488973 : -10
161 : #488974 : -9
162 : #488976 : -8
163 : #488977 : -7
164 : #488978 : -6
165 : #488979 : -5
166 : #48897a : -4
167 : #48897b : -3
168 : #48897c : -2
169 : #48897d : -1
170 : #48897e : ±0
171 : #48897f : +1
172 : #488980 : +2
173 : #488981 : +3
174 : #488982 : +4
175 : #488984 : +5
176 : #488985 : +6
177 : #488986 : +7
178 : #488987 : +8
179 : #488988 : +9
180 : #488989 : +10
S : 彩度 ( 31% )
(0%) 渋い ~ 鮮やか (100%)
1 : #686a69 : -30
3 : #656c6b : -28
5 : #636e6c : -26
7 : #61706d : -24
9 : #5f726f : -22
11 : #5d7470 : -20
13 : #5b7672 : -18
15 : #597873 : -16
17 : #577a74 : -14
19 : #557c76 : -12
21 : #537f77 : -10
23 : #518179 : -8
25 : #4e837a : -6
27 : #4c857b : -4
29 : #4a877d : -2
31 : #48897e : ±0
33 : #468b80 : +2
35 : #448d81 : +4
37 : #428f82 : +6
39 : #409184 : +8
41 : #3e9385 : +10
43 : #3c9687 : +12
45 : #3a9888 : +14
47 : #379a89 : +16
49 : #359c8b : +18
51 : #339e8c : +20
53 : #31a08d : +22
55 : #2fa28f : +24
57 : #2da490 : +26
59 : #2ba692 : +28
61 : #29a893 : +30
63 : #27aa94 : +32
65 : #25ad96 : +34
67 : #23af97 : +36
69 : #20b199 : +38
71 : #1eb39a : +40
73 : #1cb59b : +42
75 : #1ab79d : +44
77 : #18b99e : +46
79 : #16bba0 : +48
81 : #14bda1 : +50
83 : #12bfa2 : +52
85 : #10c1a4 : +54
87 : #0ec4a5 : +56
89 : #0cc6a7 : +58
91 : #09c8a8 : +60
93 : #07caa9 : +62
95 : #05ccab : +64
97 : #03ceac : +66
99 : #01d0ae : +68
L : 明度 ( 41% )
(0%) 暗い ~ 明るい (100%)
1 : #020303 : -40
3 : #050a09 : -38
5 : #09110f : -36
7 : #0c1716 : -34
9 : #101e1c : -32
11 : #132522 : -30
13 : #172b28 : -28
15 : #1a322e : -26
17 : #1e3934 : -24
19 : #213f3a : -22
21 : #254641 : -20
23 : #284d47 : -18
25 : #2c544d : -16
27 : #305a53 : -14
29 : #336159 : -12
31 : #37685f : -10
33 : #3a6e66 : -8
35 : #3e756c : -6
37 : #417c72 : -4
39 : #458278 : -2
41 : #48897e : ±0
43 : #4c9084 : +2
45 : #4f968a : +4
47 : #539d91 : +6
49 : #56a497 : +8
51 : #5ba99c : +10
53 : #62aca0 : +12
55 : #69b0a4 : +14
57 : #6fb3a8 : +16
59 : #76b7ac : +18
61 : #7dbab0 : +20
63 : #83beb4 : +22
65 : #8ac1b8 : +24
67 : #91c5bc : +26
69 : #97c8c0 : +28
71 : #9eccc4 : +30
73 : #a5cfc8 : +32
75 : #abd3cc : +34
77 : #b2d7d0 : +36
79 : #b9dad5 : +38
81 : #c0ded9 : +40
83 : #c6e1dd : +42
85 : #cde5e1 : +44
87 : #d4e8e5 : +46
89 : #daece9 : +48
91 : #e1efed : +50
93 : #e8f3f1 : +52
95 : #eef6f5 : +54
97 : #f5faf9 : +56
99 : #fcfdfd : +58
CSS入門、作ってます。
text-shadow