#488868
RGB ( 赤 = 72, 緑 = 136, 青 = 104 )
HSL ( 色相 = 150°, 彩度 = 31%, 明度 = 41% )
H : 色相 ( 150° )
(0°) 赤~黄~緑~青~紫 (359°)
0 : #894848 : -150
10 : #895348 : -140
20 : #895e48 : -130
30 : #896948 : -120
40 : #897348 : -110
50 : #897e48 : -100
60 : #898948 : -90
70 : #7e8948 : -80
80 : #738948 : -70
90 : #698948 : -60
100 : #5e8948 : -50
110 : #538948 : -40
120 : #488948 : -30
130 : #488953 : -20
140 : #48895e : -10
150 : #488969 : ±0
160 : #488973 : +10
170 : #48897e : +20
180 : #488989 : +30
190 : #487e89 : +40
200 : #487389 : +50
210 : #486989 : +60
220 : #485e89 : +70
230 : #485389 : +80
240 : #484889 : +90
250 : #534889 : +100
260 : #5e4889 : +110
270 : #694889 : +120
280 : #734889 : +130
290 : #7e4889 : +140
300 : #894889 : +150
310 : #89487e : +160
320 : #894873 : +170
330 : #894869 : +180
340 : #89485e : +190
350 : #894853 : +200
140 : #48895e : -10
141 : #48895f : -9
142 : #488960 : -8
143 : #488961 : -7
144 : #488962 : -6
145 : #488963 : -5
146 : #488964 : -4
147 : #488965 : -3
148 : #488966 : -2
149 : #488967 : -1
150 : #488969 : ±0
151 : #48896a : +1
152 : #48896b : +2
153 : #48896c : +3
154 : #48896d : +4
155 : #48896e : +5
156 : #48896f : +6
157 : #488970 : +7
158 : #488971 : +8
159 : #488972 : +9
160 : #488973 : +10
S : 彩度 ( 31% )
(0%) 渋い ~ 鮮やか (100%)
1 : #686a69 : -30
3 : #656c69 : -28
5 : #636e69 : -26
7 : #617069 : -24
9 : #5f7269 : -22
11 : #5d7469 : -20
13 : #5b7669 : -18
15 : #597869 : -16
17 : #577a69 : -14
19 : #557c69 : -12
21 : #537f69 : -10
23 : #518169 : -8
25 : #4e8369 : -6
27 : #4c8569 : -4
29 : #4a8769 : -2
31 : #488969 : ±0
33 : #468b69 : +2
35 : #448d69 : +4
37 : #428f69 : +6
39 : #409169 : +8
41 : #3e9369 : +10
43 : #3c9669 : +12
45 : #3a9869 : +14
47 : #379a69 : +16
49 : #359c69 : +18
51 : #339e69 : +20
53 : #31a069 : +22
55 : #2fa269 : +24
57 : #2da469 : +26
59 : #2ba669 : +28
61 : #29a869 : +30
63 : #27aa69 : +32
65 : #25ad69 : +34
67 : #23af69 : +36
69 : #20b169 : +38
71 : #1eb369 : +40
73 : #1cb569 : +42
75 : #1ab769 : +44
77 : #18b969 : +46
79 : #16bb69 : +48
81 : #14bd69 : +50
83 : #12bf69 : +52
85 : #10c169 : +54
87 : #0ec469 : +56
89 : #0cc669 : +58
91 : #09c869 : +60
93 : #07ca69 : +62
95 : #05cc69 : +64
97 : #03ce69 : +66
99 : #01d069 : +68
L : 明度 ( 41% )
(0%) 暗い ~ 明るい (100%)
1 : #020303 : -40
3 : #050a08 : -38
5 : #09110d : -36
7 : #0c1712 : -34
9 : #101e17 : -32
11 : #13251c : -30
13 : #172b21 : -28
15 : #1a3226 : -26
17 : #1e392b : -24
19 : #213f30 : -22
21 : #254636 : -20
23 : #284d3b : -18
25 : #2c5440 : -16
27 : #305a45 : -14
29 : #33614a : -12
31 : #37684f : -10
33 : #3a6e54 : -8
35 : #3e7559 : -6
37 : #417c5e : -4
39 : #458263 : -2
41 : #488969 : ±0
43 : #4c906e : +2
45 : #4f9673 : +4
47 : #539d78 : +6
49 : #56a47d : +8
51 : #5ba982 : +10
53 : #62ac87 : +12
55 : #69b08c : +14
57 : #6fb391 : +16
59 : #76b796 : +18
61 : #7dba9c : +20
63 : #83bea1 : +22
65 : #8ac1a6 : +24
67 : #91c5ab : +26
69 : #97c8b0 : +28
71 : #9eccb5 : +30
73 : #a5cfba : +32
75 : #abd3bf : +34
77 : #b2d7c4 : +36
79 : #b9dac9 : +38
81 : #c0decf : +40
83 : #c6e1d4 : +42
85 : #cde5d9 : +44
87 : #d4e8de : +46
89 : #daece3 : +48
91 : #e1efe8 : +50
93 : #e8f3ed : +52
95 : #eef6f2 : +54
97 : #f5faf7 : +56
99 : #fcfdfc : +58
CSS入門、作ってます。
text-shadow