#487a78
RGB ( 赤 = 72, 緑 = 122, 青 = 120 )
HSL ( 色相 = 178°, 彩度 = 26%, 明度 = 38% )
H : 色相 ( 178° )
(0°) 赤~黄~緑~青~紫 (359°)
8 : #7a4e48 : -170
18 : #7a5748 : -160
28 : #7a5f48 : -150
38 : #7a6848 : -140
48 : #7a7048 : -130
58 : #7a7848 : -120
68 : #737a48 : -110
78 : #6b7a48 : -100
88 : #637a48 : -90
98 : #5a7a48 : -80
108 : #527a48 : -70
118 : #497a48 : -60
128 : #487a4e : -50
138 : #487a57 : -40
148 : #487a5f : -30
158 : #487a68 : -20
168 : #487a70 : -10
178 : #487a78 : ±0
188 : #48737a : +10
198 : #486b7a : +20
208 : #48637a : +30
218 : #485a7a : +40
228 : #48527a : +50
238 : #48497a : +60
248 : #4e487a : +70
258 : #57487a : +80
268 : #5f487a : +90
278 : #68487a : +100
288 : #70487a : +110
298 : #78487a : +120
308 : #7a4873 : +130
318 : #7a486b : +140
328 : #7a4863 : +150
338 : #7a485a : +160
348 : #7a4852 : +170
358 : #7a4849 : +180
168 : #487a70 : -10
169 : #487a71 : -9
170 : #487a72 : -8
171 : #487a73 : -7
172 : #487a73 : -6
173 : #487a74 : -5
174 : #487a75 : -4
175 : #487a76 : -3
176 : #487a77 : -2
177 : #487a78 : -1
178 : #487a78 : ±0
179 : #487a79 : +1
180 : #487a7a : +2
181 : #48797a : +3
182 : #48787a : +4
183 : #48787a : +5
184 : #48777a : +6
185 : #48767a : +7
186 : #48757a : +8
187 : #48747a : +9
188 : #48737a : +10
S : 彩度 ( 26% )
(0%) 渋い ~ 鮮やか (100%)
0 : #606060 : -26
2 : #5f6363 : -24
4 : #5d6565 : -22
6 : #5b6766 : -20
8 : #596968 : -18
10 : #576b6a : -16
12 : #556d6c : -14
14 : #536e6e : -12
16 : #51706f : -10
18 : #4f7271 : -8
20 : #4e7473 : -6
22 : #4c7675 : -4
24 : #4a7877 : -2
26 : #487a78 : ±0
28 : #467c7a : +2
30 : #447e7c : +4
32 : #42807e : +6
34 : #408280 : +8
36 : #3e8481 : +10
38 : #3c8683 : +12
40 : #3a8885 : +14
42 : #388a87 : +16
44 : #368c89 : +18
46 : #348d8b : +20
48 : #328f8c : +22
50 : #30918e : +24
52 : #2f9390 : +26
54 : #2d9592 : +28
56 : #2b9794 : +30
58 : #299995 : +32
60 : #279b97 : +34
62 : #259d99 : +36
64 : #239f9b : +38
66 : #21a19d : +40
68 : #1fa39e : +42
70 : #1da5a0 : +44
72 : #1ba7a2 : +46
74 : #19a9a4 : +48
76 : #17aba6 : +50
78 : #15aca7 : +52
80 : #13aea9 : +54
82 : #11b0ab : +56
84 : #10b2ad : +58
86 : #0eb4af : +60
88 : #0cb6b0 : +62
90 : #0ab8b2 : +64
92 : #08bab4 : +66
94 : #06bcb6 : +68
96 : #04beb8 : +70
98 : #02c0ba : +72
100 : #00c2bb : +74
L : 明度 ( 38% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -38
2 : #040606 : -36
4 : #080d0d : -34
6 : #0b1313 : -32
8 : #0f1a19 : -30
10 : #132020 : -28
12 : #172726 : -26
14 : #1a2d2c : -24
16 : #1e3333 : -22
18 : #223a39 : -20
20 : #26403f : -18
22 : #2a4746 : -16
24 : #2d4d4c : -14
26 : #315452 : -12
28 : #355a59 : -10
30 : #39605f : -8
32 : #3c6765 : -6
34 : #406d6c : -4
36 : #447472 : -2
38 : #487a78 : ±0
40 : #4b817f : +2
42 : #4f8785 : +4
44 : #538d8b : +6
46 : #579492 : +8
48 : #5b9a98 : +10
50 : #5ea19e : +12
52 : #65a4a2 : +14
54 : #6ba8a6 : +16
56 : #72acaa : +18
58 : #78b0ae : +20
60 : #7eb4b2 : +22
62 : #85b7b6 : +24
64 : #8bbbb9 : +26
66 : #92bfbd : +28
68 : #98c3c1 : +30
70 : #9fc6c5 : +32
72 : #a5cac9 : +34
74 : #abcecd : +36
76 : #b2d2d1 : +38
78 : #b8d5d5 : +40
80 : #bfd9d8 : +42
82 : #c5dddc : +44
84 : #cce1e0 : +46
86 : #d2e5e4 : +48
88 : #d8e8e8 : +50
90 : #dfecec : +52
92 : #e5f0f0 : +54
94 : #ecf4f3 : +56
96 : #f2f7f7 : +58
98 : #f9fbfb : +60
100 : #ffffff : +62
CSS入門、作ってます。
text-shadow