#487a6b
RGB ( 赤 = 72, 緑 = 122, 青 = 107 )
HSL ( 色相 = 162°, 彩度 = 26%, 明度 = 38% )
H : 色相 ( 162° )
(0°) 赤~黄~緑~青~紫 (359°)
2 : #7a4948 : -160
12 : #7a5248 : -150
22 : #7a5a48 : -140
32 : #7a6348 : -130
42 : #7a6b48 : -120
52 : #7a7348 : -110
62 : #787a48 : -100
72 : #707a48 : -90
82 : #687a48 : -80
92 : #5f7a48 : -70
102 : #577a48 : -60
112 : #4e7a48 : -50
122 : #487a49 : -40
132 : #487a52 : -30
142 : #487a5a : -20
152 : #487a63 : -10
162 : #487a6b : ±0
172 : #487a73 : +10
182 : #48787a : +20
192 : #48707a : +30
202 : #48687a : +40
212 : #485f7a : +50
222 : #48577a : +60
232 : #484e7a : +70
242 : #49487a : +80
252 : #52487a : +90
262 : #5a487a : +100
272 : #63487a : +110
282 : #6b487a : +120
292 : #73487a : +130
302 : #7a4878 : +140
312 : #7a4870 : +150
322 : #7a4868 : +160
332 : #7a485f : +170
342 : #7a4857 : +180
352 : #7a484e : +190
152 : #487a63 : -10
153 : #487a63 : -9
154 : #487a64 : -8
155 : #487a65 : -7
156 : #487a66 : -6
157 : #487a67 : -5
158 : #487a68 : -4
159 : #487a68 : -3
160 : #487a69 : -2
161 : #487a6a : -1
162 : #487a6b : ±0
163 : #487a6c : +1
164 : #487a6d : +2
165 : #487a6d : +3
166 : #487a6e : +4
167 : #487a6f : +5
168 : #487a70 : +6
169 : #487a71 : +7
170 : #487a72 : +8
171 : #487a73 : +9
172 : #487a73 : +10
S : 彩度 ( 26% )
(0%) 渋い ~ 鮮やか (100%)
0 : #606060 : -26
2 : #5f6362 : -24
4 : #5d6562 : -22
6 : #5b6763 : -20
8 : #596964 : -18
10 : #576b65 : -16
12 : #556d66 : -14
14 : #536e66 : -12
16 : #517067 : -10
18 : #4f7268 : -8
20 : #4e7469 : -6
22 : #4c7669 : -4
24 : #4a786a : -2
26 : #487a6b : ±0
28 : #467c6c : +2
30 : #447e6d : +4
32 : #42806d : +6
34 : #40826e : +8
36 : #3e846f : +10
38 : #3c8670 : +12
40 : #3a8870 : +14
42 : #388a71 : +16
44 : #368c72 : +18
46 : #348d73 : +20
48 : #328f74 : +22
50 : #309174 : +24
52 : #2f9375 : +26
54 : #2d9576 : +28
56 : #2b9777 : +30
58 : #299977 : +32
60 : #279b78 : +34
62 : #259d79 : +36
64 : #239f7a : +38
66 : #21a17a : +40
68 : #1fa37b : +42
70 : #1da57c : +44
72 : #1ba77d : +46
74 : #19a97e : +48
76 : #17ab7e : +50
78 : #15ac7f : +52
80 : #13ae80 : +54
82 : #11b081 : +56
84 : #10b281 : +58
86 : #0eb482 : +60
88 : #0cb683 : +62
90 : #0ab884 : +64
92 : #08ba85 : +66
94 : #06bc85 : +68
96 : #04be86 : +70
98 : #02c087 : +72
100 : #00c288 : +74
L : 明度 ( 38% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -38
2 : #040606 : -36
4 : #080d0b : -34
6 : #0b1311 : -32
8 : #0f1a17 : -30
10 : #13201c : -28
12 : #172722 : -26
14 : #1a2d27 : -24
16 : #1e332d : -22
18 : #223a33 : -20
20 : #264038 : -18
22 : #2a473e : -16
24 : #2d4d44 : -14
26 : #315449 : -12
28 : #355a4f : -10
30 : #396054 : -8
32 : #3c675a : -6
34 : #406d60 : -4
36 : #447465 : -2
38 : #487a6b : ±0
40 : #4b8171 : +2
42 : #4f8776 : +4
44 : #538d7c : +6
46 : #579481 : +8
48 : #5b9a87 : +10
50 : #5ea18d : +12
52 : #65a491 : +14
54 : #6ba896 : +16
56 : #72ac9a : +18
58 : #78b09f : +20
60 : #7eb4a4 : +22
62 : #85b7a8 : +24
64 : #8bbbad : +26
66 : #92bfb1 : +28
68 : #98c3b6 : +30
70 : #9fc6ba : +32
72 : #a5cabf : +34
74 : #abcec4 : +36
76 : #b2d2c8 : +38
78 : #b8d5cd : +40
80 : #bfd9d1 : +42
82 : #c5ddd6 : +44
84 : #cce1da : +46
86 : #d2e5df : +48
88 : #d8e8e4 : +50
90 : #dfece8 : +52
92 : #e5f0ed : +54
94 : #ecf4f1 : +56
96 : #f2f7f6 : +58
98 : #f9fbfa : +60
100 : #ffffff : +62
CSS入門、作ってます。
text-shadow