#39577f
RGB ( 赤 = 57, 緑 = 87, 青 = 127 )
HSL ( 色相 = 214°, 彩度 = 38%, 明度 = 36% )
H : 色相 ( 214° )
(0°) 赤~黄~緑~青~紫 (359°)
4 : #7f3e39 : -210
14 : #7f4939 : -200
24 : #7f5539 : -190
34 : #7f6039 : -180
44 : #7f6c39 : -170
54 : #7f7839 : -160
64 : #7a7f39 : -150
74 : #6e7f39 : -140
84 : #637f39 : -130
94 : #577f39 : -120
104 : #4c7f39 : -110
114 : #407f39 : -100
124 : #397f3e : -90
134 : #397f49 : -80
144 : #397f55 : -70
154 : #397f60 : -60
164 : #397f6c : -50
174 : #397f78 : -40
184 : #397a7f : -30
194 : #396e7f : -20
204 : #39637f : -10
214 : #39577f : ±0
224 : #394c7f : +10
234 : #39407f : +20
244 : #3e397f : +30
254 : #49397f : +40
264 : #55397f : +50
274 : #60397f : +60
284 : #6c397f : +70
294 : #78397f : +80
304 : #7f397a : +90
314 : #7f396e : +100
324 : #7f3963 : +110
334 : #7f3957 : +120
344 : #7f394c : +130
354 : #7f3940 : +140
204 : #39637f : -10
205 : #39627f : -9
206 : #39607f : -8
207 : #395f7f : -7
208 : #395e7f : -6
209 : #395d7f : -5
210 : #395c7f : -4
211 : #395b7f : -3
212 : #39597f : -2
213 : #39587f : -1
214 : #39577f : ±0
215 : #39567f : +1
216 : #39557f : +2
217 : #39547f : +3
218 : #39527f : +4
219 : #39517f : +5
220 : #39507f : +6
221 : #394f7f : +7
222 : #394e7f : +8
223 : #394d7f : +9
224 : #394c7f : +10
S : 彩度 ( 38% )
(0%) 渋い ~ 鮮やか (100%)
0 : #5b5b5b : -38
2 : #5a5c5e : -36
4 : #585b5f : -34
6 : #565b61 : -32
8 : #545b63 : -30
10 : #535b65 : -28
12 : #515a67 : -26
14 : #4f5a69 : -24
16 : #4d5a6a : -22
18 : #4b5a6c : -20
20 : #49596e : -18
22 : #485970 : -16
24 : #465972 : -14
26 : #445974 : -12
28 : #425876 : -10
30 : #405877 : -8
32 : #3e5879 : -6
34 : #3d587b : -4
36 : #3b577d : -2
38 : #39577f : ±0
40 : #375781 : +2
42 : #355782 : +4
44 : #335684 : +6
46 : #325686 : +8
48 : #305688 : +10
50 : #2e568a : +12
52 : #2c558c : +14
54 : #2a558d : +16
56 : #28558f : +18
58 : #275591 : +20
60 : #255493 : +22
62 : #235495 : +24
64 : #215497 : +26
66 : #1f5498 : +28
68 : #1d539a : +30
70 : #1c539c : +32
72 : #1a539e : +34
74 : #1853a0 : +36
76 : #1652a2 : +38
78 : #1452a3 : +40
80 : #1252a5 : +42
82 : #1152a7 : +44
84 : #0f52a9 : +46
86 : #0d51ab : +48
88 : #0b51ad : +50
90 : #0951ae : +52
92 : #0751b0 : +54
94 : #0650b2 : +56
96 : #0450b4 : +58
98 : #0250b6 : +60
100 : #0050b8 : +62
L : 明度 ( 36% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -36
2 : #030507 : -34
4 : #060a0e : -32
6 : #090f15 : -30
8 : #0d131c : -28
10 : #101823 : -26
12 : #131d2a : -24
14 : #162231 : -22
16 : #192738 : -20
18 : #1c2c3f : -18
20 : #203046 : -16
22 : #23354d : -14
24 : #263a54 : -12
26 : #293f5b : -10
28 : #2c4463 : -8
30 : #2f496a : -6
32 : #334d71 : -4
34 : #365278 : -2
36 : #39577f : ±0
38 : #3c5c86 : +2
40 : #3f618d : +4
42 : #426694 : +6
44 : #466b9b : +8
46 : #496fa2 : +10
48 : #4c74a9 : +12
50 : #4f79b0 : +14
52 : #567eb3 : +16
54 : #5d84b6 : +18
56 : #6489b9 : +20
58 : #6b8ebd : +22
60 : #7294c0 : +24
62 : #7999c3 : +26
64 : #809fc6 : +28
66 : #87a4c9 : +30
68 : #8ea9cc : +32
70 : #95afd0 : +34
72 : #9cb4d3 : +36
74 : #a4b9d6 : +38
76 : #abbfd9 : +40
78 : #b2c4dc : +42
80 : #b9c9df : +44
82 : #c0cfe3 : +46
84 : #c7d4e6 : +48
86 : #ced9e9 : +50
88 : #d5dfec : +52
90 : #dce4ef : +54
92 : #e3eaf2 : +56
94 : #eaeff6 : +58
96 : #f1f4f9 : +60
98 : #f8fafc : +62
100 : #ffffff : +64
CSS入門、作ってます。
text-shadow