#30403a
RGB ( 赤 = 48, 緑 = 64, 青 = 58 )
HSL ( 色相 = 158°, 彩度 = 14%, 明度 = 22% )
H : 色相 ( 158° )
(0°) 赤~黄~緑~青~紫 (359°)
8 : #403230 : -150
18 : #403530 : -140
28 : #403830 : -130
38 : #403a30 : -120
48 : #403d30 : -110
58 : #403f30 : -100
68 : #3e4030 : -90
78 : #3b4030 : -80
88 : #394030 : -70
98 : #364030 : -60
108 : #334030 : -50
118 : #314030 : -40
128 : #304032 : -30
138 : #304035 : -20
148 : #304038 : -10
158 : #30403a : ±0
168 : #30403d : +10
178 : #30403f : +20
188 : #303e40 : +30
198 : #303b40 : +40
208 : #303940 : +50
218 : #303640 : +60
228 : #303340 : +70
238 : #303140 : +80
248 : #323040 : +90
258 : #353040 : +100
268 : #383040 : +110
278 : #3a3040 : +120
288 : #3d3040 : +130
298 : #3f3040 : +140
308 : #40303e : +150
318 : #40303b : +160
328 : #403039 : +170
338 : #403036 : +180
348 : #403033 : +190
358 : #403031 : +200
148 : #304038 : -10
149 : #304038 : -9
150 : #304038 : -8
151 : #304038 : -7
152 : #304039 : -6
153 : #304039 : -5
154 : #304039 : -4
155 : #304039 : -3
156 : #30403a : -2
157 : #30403a : -1
158 : #30403a : ±0
159 : #30403a : +1
160 : #30403b : +2
161 : #30403b : +3
162 : #30403b : +4
163 : #30403c : +5
164 : #30403c : +6
165 : #30403c : +7
166 : #30403c : +8
167 : #30403d : +9
168 : #30403d : +10
S : 彩度 ( 14% )
(0%) 渋い ~ 鮮やか (100%)
0 : #383838 : -14
2 : #373938 : -12
4 : #363a39 : -10
6 : #353b39 : -8
8 : #343d39 : -6
10 : #323e3a : -4
12 : #313f3a : -2
14 : #30403a : ±0
16 : #2f413a : +2
18 : #2e423b : +4
20 : #2d433b : +6
22 : #2c443b : +8
24 : #2b463c : +10
26 : #2a473c : +12
28 : #28483c : +14
30 : #27493d : +16
32 : #264a3d : +18
34 : #254b3d : +20
36 : #244c3d : +22
38 : #234d3e : +24
40 : #224f3e : +26
42 : #21503e : +28
44 : #1f513f : +30
46 : #1e523f : +32
48 : #1d533f : +34
50 : #1c5440 : +36
52 : #1b5540 : +38
54 : #1a5640 : +40
56 : #195840 : +42
58 : #185941 : +44
60 : #165a41 : +46
62 : #155b41 : +48
64 : #145c42 : +50
66 : #135d42 : +52
68 : #125e42 : +54
70 : #115f43 : +56
72 : #106043 : +58
74 : #0f6243 : +60
76 : #0d6343 : +62
78 : #0c6444 : +64
80 : #0b6544 : +66
82 : #0a6644 : +68
84 : #096745 : +70
86 : #086845 : +72
88 : #076945 : +74
90 : #066b46 : +76
92 : #046c46 : +78
94 : #036d46 : +80
96 : #026e46 : +82
98 : #016f47 : +84
100 : #007047 : +86
L : 明度 ( 22% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -22
2 : #040605 : -20
4 : #090c0b : -18
6 : #0d1110 : -16
8 : #121715 : -14
10 : #161d1a : -12
12 : #1a2320 : -10
14 : #1f2925 : -8
16 : #232f2a : -6
18 : #273430 : -4
20 : #2c3a35 : -2
22 : #30403a : ±0
24 : #35463f : +2
26 : #394c45 : +4
28 : #3d514a : +6
30 : #42574f : +8
32 : #465d55 : +10
34 : #4b635a : +12
36 : #4f695f : +14
38 : #536e65 : +16
40 : #58746a : +18
42 : #5c7a6f : +20
44 : #608074 : +22
46 : #65867a : +24
48 : #698c7f : +26
50 : #6e9184 : +28
52 : #739689 : +30
54 : #799a8e : +32
56 : #7f9f93 : +34
58 : #85a398 : +36
60 : #8ba79d : +38
62 : #91aca2 : +40
64 : #96b0a7 : +42
66 : #9cb4ac : +44
68 : #a2b9b0 : +46
70 : #a8bdb5 : +48
72 : #aec2ba : +50
74 : #b3c6bf : +52
76 : #b9cac4 : +54
78 : #bfcfc9 : +56
80 : #c5d3ce : +58
82 : #cbd8d3 : +60
84 : #d0dcd8 : +62
86 : #d6e0dd : +64
88 : #dce5e2 : +66
90 : #e2e9e6 : +68
92 : #e8edeb : +70
94 : #eef2f0 : +72
96 : #f3f6f5 : +74
98 : #f9fbfa : +76
100 : #ffffff : +78
CSS入門、作ってます。
text-shadow