#302228
RGB ( 赤 = 48, 緑 = 34, 青 = 40 )
HSL ( 色相 = 334°, 彩度 = 17%, 明度 = 16% )
H : 色相 ( 334° )
(0°) 赤~黄~緑~青~紫 (359°)
4 : #302322 : -330
14 : #302522 : -320
24 : #302722 : -310
34 : #302a22 : -300
44 : #302c22 : -290
54 : #302e22 : -280
64 : #2f3022 : -270
74 : #2c3022 : -260
84 : #2a3022 : -250
94 : #283022 : -240
104 : #263022 : -230
114 : #233022 : -220
124 : #223023 : -210
134 : #223025 : -200
144 : #223027 : -190
154 : #22302a : -180
164 : #22302c : -170
174 : #22302e : -160
184 : #222f30 : -150
194 : #222c30 : -140
204 : #222a30 : -130
214 : #222830 : -120
224 : #222630 : -110
234 : #222330 : -100
244 : #232230 : -90
254 : #252230 : -80
264 : #272230 : -70
274 : #2a2230 : -60
284 : #2c2230 : -50
294 : #2e2230 : -40
304 : #30222f : -30
314 : #30222c : -20
324 : #30222a : -10
334 : #302228 : ±0
344 : #302226 : +10
354 : #302223 : +20
324 : #30222a : -10
325 : #30222a : -9
326 : #30222a : -8
327 : #302229 : -7
328 : #302229 : -6
329 : #302229 : -5
330 : #302229 : -4
331 : #302229 : -3
332 : #302228 : -2
333 : #302228 : -1
334 : #302228 : ±0
335 : #302228 : +1
336 : #302227 : +2
337 : #302227 : +3
338 : #302227 : +4
339 : #302227 : +5
340 : #302226 : +6
341 : #302226 : +7
342 : #302226 : +8
343 : #302226 : +9
344 : #302226 : +10
S : 彩度 ( 17% )
(0%) 渋い ~ 鮮やか (100%)
1 : #292829 : -16
3 : #2a2829 : -14
5 : #2b2729 : -12
7 : #2c2628 : -10
9 : #2c2528 : -8
11 : #2d2428 : -6
13 : #2e2328 : -4
15 : #2f2328 : -2
17 : #302228 : ±0
19 : #312128 : +2
21 : #312028 : +4
23 : #321f28 : +6
25 : #331f27 : +8
27 : #341e27 : +10
29 : #351d27 : +12
31 : #351c27 : +14
33 : #361b27 : +16
35 : #371b27 : +18
37 : #381a27 : +20
39 : #391927 : +22
41 : #3a1827 : +24
43 : #3a1726 : +26
45 : #3b1626 : +28
47 : #3c1626 : +30
49 : #3d1526 : +32
51 : #3e1426 : +34
53 : #3e1326 : +36
55 : #3f1226 : +38
57 : #401226 : +40
59 : #411126 : +42
61 : #421025 : +44
63 : #430f25 : +46
65 : #430e25 : +48
67 : #440d25 : +50
69 : #450d25 : +52
71 : #460c25 : +54
73 : #470b25 : +56
75 : #470a25 : +58
77 : #480925 : +60
79 : #490925 : +62
81 : #4a0824 : +64
83 : #4b0724 : +66
85 : #4b0624 : +68
87 : #4c0524 : +70
89 : #4d0424 : +72
91 : #4e0424 : +74
93 : #4f0324 : +76
95 : #500224 : +78
97 : #500124 : +80
99 : #510023 : +82
L : 明度 ( 16% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -16
2 : #060405 : -14
4 : #0c080a : -12
6 : #120d0f : -10
8 : #181114 : -8
10 : #1e1519 : -6
12 : #24191e : -4
14 : #2a1e23 : -2
16 : #302228 : ±0
18 : #36262d : +2
20 : #3c2a32 : +4
22 : #422f37 : +6
24 : #48333c : +8
26 : #4e3741 : +10
28 : #543b46 : +12
30 : #5a3f4b : +14
32 : #5f4450 : +16
34 : #654855 : +18
36 : #6b4c5a : +20
38 : #71505f : +22
40 : #775564 : +24
42 : #7d5969 : +26
44 : #835d6e : +28
46 : #896173 : +30
48 : #8f6678 : +32
50 : #956a7d : +34
52 : #997082 : +36
54 : #9e7687 : +38
56 : #a27c8c : +40
58 : #a68291 : +42
60 : #aa8897 : +44
62 : #af8e9c : +46
64 : #b394a1 : +48
66 : #b79aa6 : +50
68 : #bba0ac : +52
70 : #c0a5b1 : +54
72 : #c4abb6 : +56
74 : #c8b1bb : +58
76 : #ccb7c0 : +60
78 : #d0bdc6 : +62
80 : #d5c3cb : +64
82 : #d9c9d0 : +66
84 : #ddcfd5 : +68
86 : #e1d5da : +70
88 : #e6dbe0 : +72
90 : #eae1e5 : +74
92 : #eee7ea : +76
94 : #f2edef : +78
96 : #f7f3f5 : +80
98 : #fbf9fa : +82
100 : #ffffff : +84
CSS入門、作ってます。
text-shadow