#25565f
RGB ( 赤 = 37, 緑 = 86, 青 = 95 )
HSL ( 色相 = 189°, 彩度 = 44%, 明度 = 26% )
H : 色相 ( 189° )
(0°) 赤~黄~緑~青~紫 (359°)
9 : #5f2e25 : -180
19 : #5f3825 : -170
29 : #5f4125 : -160
39 : #5f4b25 : -150
49 : #5f5525 : -140
59 : #5f5e25 : -130
69 : #575f25 : -120
79 : #4d5f25 : -110
89 : #435f25 : -100
99 : #3a5f25 : -90
109 : #305f25 : -80
119 : #265f25 : -70
129 : #255f2e : -60
139 : #255f38 : -50
149 : #255f41 : -40
159 : #255f4b : -30
169 : #255f55 : -20
179 : #255f5e : -10
189 : #25575f : ±0
199 : #254d5f : +10
209 : #25435f : +20
219 : #253a5f : +30
229 : #25305f : +40
239 : #25265f : +50
249 : #2e255f : +60
259 : #38255f : +70
269 : #41255f : +80
279 : #4b255f : +90
289 : #55255f : +100
299 : #5e255f : +110
309 : #5f2557 : +120
319 : #5f254d : +130
329 : #5f2543 : +140
339 : #5f253a : +150
349 : #5f2530 : +160
359 : #5f2526 : +170
179 : #255f5e : -10
180 : #255f5f : -9
181 : #255e5f : -8
182 : #255e5f : -7
183 : #255d5f : -6
184 : #255c5f : -5
185 : #255b5f : -4
186 : #255a5f : -3
187 : #25595f : -2
188 : #25585f : -1
189 : #25575f : ±0
190 : #25565f : +1
191 : #25555f : +2
192 : #25545f : +3
193 : #25535f : +4
194 : #25525f : +5
195 : #25515f : +6
196 : #25505f : +7
197 : #254f5f : +8
198 : #254e5f : +9
199 : #254d5f : +10
S : 彩度 ( 44% )
(0%) 渋い ~ 鮮やか (100%)
0 : #424242 : -44
2 : #414344 : -42
4 : #404445 : -40
6 : #3e4546 : -38
8 : #3d4648 : -36
10 : #3c4749 : -34
12 : #3a484a : -32
14 : #39494c : -30
16 : #384a4d : -28
18 : #364b4e : -26
20 : #354c50 : -24
22 : #344d51 : -22
24 : #324d52 : -20
26 : #314e54 : -18
28 : #304f55 : -16
30 : #2e5056 : -14
32 : #2d5158 : -12
34 : #2c5259 : -10
36 : #2a535a : -8
38 : #29545b : -6
40 : #28555d : -4
42 : #26565e : -2
44 : #25575f : ±0
46 : #245861 : +2
48 : #225962 : +4
50 : #215a63 : +6
52 : #205a65 : +8
54 : #1e5b66 : +10
56 : #1d5c67 : +12
58 : #1c5d69 : +14
60 : #1b5e6a : +16
62 : #195f6b : +18
64 : #18606d : +20
66 : #17616e : +22
68 : #15626f : +24
70 : #146371 : +26
72 : #136472 : +28
74 : #116573 : +30
76 : #106675 : +32
78 : #0f6676 : +34
80 : #0d6777 : +36
82 : #0c6879 : +38
84 : #0b697a : +40
86 : #096a7b : +42
88 : #086b7d : +44
90 : #076c7e : +46
92 : #056d7f : +48
94 : #046e81 : +50
96 : #036f82 : +52
98 : #017083 : +54
100 : #007185 : +56
L : 明度 ( 26% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -26
2 : #030707 : -24
4 : #060d0f : -22
6 : #091416 : -20
8 : #0b1b1d : -18
10 : #0e2125 : -16
12 : #11282c : -14
14 : #142f33 : -12
16 : #17353b : -10
18 : #1a3c42 : -8
20 : #1d4349 : -6
22 : #1f4951 : -4
24 : #225058 : -2
26 : #25575f : ±0
28 : #285d67 : +2
30 : #2b646e : +4
32 : #2e6b76 : +6
34 : #31717d : +8
36 : #337884 : +10
38 : #367f8c : +12
40 : #398593 : +14
42 : #3c8c9a : +16
44 : #3f93a2 : +18
46 : #4299a9 : +20
48 : #45a0b0 : +22
50 : #47a7b8 : +24
52 : #4faaba : +26
54 : #56aebd : +28
56 : #5db1c0 : +30
58 : #65b5c3 : +32
60 : #6cb8c6 : +34
62 : #73bcc9 : +36
64 : #7bbfcc : +38
66 : #82c3ce : +40
68 : #89c7d1 : +42
70 : #91cad4 : +44
72 : #98ced7 : +46
74 : #a0d1da : +48
76 : #a7d5dd : +50
78 : #aed8e0 : +52
80 : #b6dce2 : +54
82 : #bddfe5 : +56
84 : #c4e3e8 : +58
86 : #cce6eb : +60
88 : #d3eaee : +62
90 : #daedf1 : +64
92 : #e2f1f4 : +66
94 : #e9f4f6 : +68
96 : #f0f8f9 : +70
98 : #f8fbfc : +72
100 : #ffffff : +74
CSS入門、作ってます。
text-shadow