#40434f
RGB ( 赤 = 64, 緑 = 67, 青 = 79 )
HSL ( 色相 = 228°, 彩度 = 10%, 明度 = 28% )
H : 色相 ( 228° )
(0°) 赤~黄~緑~青~紫 (359°)
8 : #4f4240 : -220
18 : #4f4540 : -210
28 : #4f4740 : -200
38 : #4f4940 : -190
48 : #4f4c40 : -180
58 : #4f4e40 : -170
68 : #4d4f40 : -160
78 : #4a4f40 : -150
88 : #484f40 : -140
98 : #454f40 : -130
108 : #434f40 : -120
118 : #414f40 : -110
128 : #404f42 : -100
138 : #404f45 : -90
148 : #404f47 : -80
158 : #404f49 : -70
168 : #404f4c : -60
178 : #404f4e : -50
188 : #404d4f : -40
198 : #404a4f : -30
208 : #40484f : -20
218 : #40454f : -10
228 : #40434f : ±0
238 : #40414f : +10
248 : #42404f : +20
258 : #45404f : +30
268 : #47404f : +40
278 : #49404f : +50
288 : #4c404f : +60
298 : #4e404f : +70
308 : #4f404d : +80
318 : #4f404a : +90
328 : #4f4048 : +100
338 : #4f4045 : +110
348 : #4f4043 : +120
358 : #4f4041 : +130
218 : #40454f : -10
219 : #40454f : -9
220 : #40454f : -8
221 : #40454f : -7
222 : #40454f : -6
223 : #40444f : -5
224 : #40444f : -4
225 : #40444f : -3
226 : #40444f : -2
227 : #40434f : -1
228 : #40434f : ±0
229 : #40434f : +1
230 : #40434f : +2
231 : #40424f : +3
232 : #40424f : +4
233 : #40424f : +5
234 : #40424f : +6
235 : #40414f : +7
236 : #40414f : +8
237 : #40414f : +9
238 : #40414f : +10
S : 彩度 ( 10% )
(0%) 渋い ~ 鮮やか (100%)
0 : #474747 : -10
2 : #464749 : -8
4 : #45464a : -6
6 : #43454c : -4
8 : #42444d : -2
10 : #40434f : ±0
12 : #3f4250 : +2
14 : #3d4151 : +4
16 : #3c4153 : +6
18 : #3b4054 : +8
20 : #393f56 : +10
22 : #383e57 : +12
24 : #363d59 : +14
26 : #353c5a : +16
28 : #333b5b : +18
30 : #323b5d : +20
32 : #313a5e : +22
34 : #2f3960 : +24
36 : #2e3861 : +26
38 : #2c3763 : +28
40 : #2b3664 : +30
42 : #293565 : +32
44 : #283567 : +34
46 : #273468 : +36
48 : #25336a : +38
50 : #24326b : +40
52 : #22316d : +42
54 : #21306e : +44
56 : #1f2f6f : +46
58 : #1e2f71 : +48
60 : #1d2e72 : +50
62 : #1b2d74 : +52
64 : #1a2c75 : +54
66 : #182b77 : +56
68 : #172a78 : +58
70 : #152979 : +60
72 : #14297b : +62
74 : #13287c : +64
76 : #11277e : +66
78 : #10267f : +68
80 : #0e2581 : +70
82 : #0d2482 : +72
84 : #0b2383 : +74
86 : #0a2385 : +76
88 : #092286 : +78
90 : #072188 : +80
92 : #062089 : +82
94 : #041f8b : +84
96 : #031e8c : +86
98 : #011d8d : +88
100 : #001d8f : +90
L : 明度 ( 28% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -28
2 : #050506 : -26
4 : #090a0b : -24
6 : #0e0e11 : -22
8 : #121316 : -20
10 : #17181c : -18
12 : #1c1d22 : -16
14 : #202227 : -14
16 : #25262d : -12
18 : #292b32 : -10
20 : #2e3038 : -8
22 : #32353e : -6
24 : #373a43 : -4
26 : #3c3e49 : -2
28 : #40434f : ±0
30 : #454854 : +2
32 : #494d5a : +4
34 : #4e515f : +6
36 : #535665 : +8
38 : #575b6b : +10
40 : #5c6070 : +12
42 : #606576 : +14
44 : #65697b : +16
46 : #6a6e81 : +18
48 : #6e7387 : +20
50 : #73788c : +22
52 : #787d91 : +24
54 : #7e8395 : +26
56 : #84889a : +28
58 : #898d9f : +30
60 : #8f93a3 : +32
62 : #9498a8 : +34
64 : #9a9eac : +36
66 : #a0a3b1 : +38
68 : #a5a9b6 : +40
70 : #abaeba : +42
72 : #b0b3bf : +44
74 : #b6b9c3 : +46
76 : #bcbec8 : +48
78 : #c1c4cd : +50
80 : #c7c9d1 : +52
82 : #cdced6 : +54
84 : #d2d4da : +56
86 : #d8d9df : +58
88 : #dddfe3 : +60
90 : #e3e4e8 : +62
92 : #e9e9ed : +64
94 : #eeeff1 : +66
96 : #f4f4f6 : +68
98 : #f9fafa : +70
100 : #ffffff : +72
CSS入門、作ってます。
text-shadow