#394047
RGB ( 赤 = 57, 緑 = 64, 青 = 71 )
HSL ( 色相 = 210°, 彩度 = 11%, 明度 = 25% )
H : 色相 ( 210° )
(0°) 赤~黄~緑~青~紫 (359°)
0 : #473939 : -210
10 : #473b39 : -200
20 : #473d39 : -190
30 : #474039 : -180
40 : #474239 : -170
50 : #474439 : -160
60 : #474739 : -150
70 : #444739 : -140
80 : #424739 : -130
90 : #404739 : -120
100 : #3d4739 : -110
110 : #3b4739 : -100
120 : #394739 : -90
130 : #39473b : -80
140 : #39473d : -70
150 : #394740 : -60
160 : #394742 : -50
170 : #394744 : -40
180 : #394747 : -30
190 : #394447 : -20
200 : #394247 : -10
210 : #394047 : ±0
220 : #393d47 : +10
230 : #393b47 : +20
240 : #393947 : +30
250 : #3b3947 : +40
260 : #3d3947 : +50
270 : #403947 : +60
280 : #423947 : +70
290 : #443947 : +80
300 : #473947 : +90
310 : #473944 : +100
320 : #473942 : +110
330 : #473940 : +120
340 : #47393d : +130
350 : #47393b : +140
200 : #394247 : -10
201 : #394247 : -9
202 : #394247 : -8
203 : #394147 : -7
204 : #394147 : -6
205 : #394147 : -5
206 : #394147 : -4
207 : #394047 : -3
208 : #394047 : -2
209 : #394047 : -1
210 : #394047 : ±0
211 : #394047 : +1
212 : #393f47 : +2
213 : #393f47 : +3
214 : #393f47 : +4
215 : #393f47 : +5
216 : #393e47 : +6
217 : #393e47 : +7
218 : #393e47 : +8
219 : #393e47 : +9
220 : #393d47 : +10
S : 彩度 ( 11% )
(0%) 渋い ~ 鮮やか (100%)
1 : #3f4040 : -10
3 : #3e4042 : -8
5 : #3d4043 : -6
7 : #3b4044 : -4
9 : #3a4045 : -2
11 : #394047 : ±0
13 : #374048 : +2
15 : #364049 : +4
17 : #35404b : +6
19 : #34404c : +8
21 : #32404d : +10
23 : #31404e : +12
25 : #304050 : +14
27 : #2f4051 : +16
29 : #2d4052 : +18
31 : #2c4054 : +20
33 : #2b4055 : +22
35 : #294056 : +24
37 : #284057 : +26
39 : #274059 : +28
41 : #26405a : +30
43 : #24405b : +32
45 : #23405c : +34
47 : #22405e : +36
49 : #21405f : +38
51 : #1f4060 : +40
53 : #1e4062 : +42
55 : #1d4063 : +44
57 : #1b4064 : +46
59 : #1a4065 : +48
61 : #194067 : +50
63 : #184068 : +52
65 : #164069 : +54
67 : #15406a : +56
69 : #14406c : +58
71 : #12406d : +60
73 : #11406e : +62
75 : #104070 : +64
77 : #0f4071 : +66
79 : #0d4072 : +68
81 : #0c4073 : +70
83 : #0b4075 : +72
85 : #0a4076 : +74
87 : #084077 : +76
89 : #074078 : +78
91 : #06407a : +80
93 : #04407b : +82
95 : #03407c : +84
97 : #02407e : +86
99 : #01407f : +88
L : 明度 ( 25% )
(0%) 暗い ~ 明るい (100%)
1 : #020303 : -24
3 : #070808 : -22
5 : #0b0d0e : -20
7 : #101214 : -18
9 : #141719 : -16
11 : #191c1f : -14
13 : #1e2125 : -12
15 : #22262a : -10
17 : #272b30 : -8
19 : #2b3036 : -6
21 : #30363b : -4
23 : #343b41 : -2
25 : #394047 : ±0
27 : #3d454c : +2
29 : #424a52 : +4
31 : #464f58 : +6
33 : #4b545d : +8
35 : #4f5963 : +10
37 : #545e69 : +12
39 : #59636e : +14
41 : #5d6974 : +16
43 : #626e7a : +18
45 : #66737f : +20
47 : #6b7885 : +22
49 : #6f7d8b : +24
51 : #748290 : +26
53 : #7a8794 : +28
55 : #808c99 : +30
57 : #85919d : +32
59 : #8b96a2 : +34
61 : #919ca6 : +36
63 : #96a1ab : +38
65 : #9ca6b0 : +40
67 : #a2abb4 : +42
69 : #a7b0b9 : +44
71 : #adb5bd : +46
73 : #b3bac2 : +48
75 : #b8bfc6 : +50
77 : #bec4cb : +52
79 : #c4c9cf : +54
81 : #c9cfd4 : +56
83 : #cfd4d8 : +58
85 : #d5d9dd : +60
87 : #dadee1 : +62
89 : #e0e3e6 : +64
91 : #e6e8eb : +66
93 : #ebedef : +68
95 : #f1f2f4 : +70
97 : #f7f7f8 : +72
99 : #fcfcfd : +74
CSS入門、作ってます。
text-shadow