#302224
RGB ( 赤 = 48, 緑 = 34, 青 = 36 )
HSL ( 色相 = 351°, 彩度 = 17%, 明度 = 16% )
H : 色相 ( 351° )
(0°) 赤~黄~緑~青~紫 (359°)
1 : #302222 : -350
11 : #302422 : -340
21 : #302722 : -330
31 : #302922 : -320
41 : #302b22 : -310
51 : #302e22 : -300
61 : #303022 : -290
71 : #2d3022 : -280
81 : #2b3022 : -270
91 : #293022 : -260
101 : #263022 : -250
111 : #243022 : -240
121 : #223022 : -230
131 : #223024 : -220
141 : #223027 : -210
151 : #223029 : -200
161 : #22302b : -190
171 : #22302e : -180
181 : #223030 : -170
191 : #222d30 : -160
201 : #222b30 : -150
211 : #222930 : -140
221 : #222630 : -130
231 : #222430 : -120
241 : #222230 : -110
251 : #242230 : -100
261 : #272230 : -90
271 : #292230 : -80
281 : #2b2230 : -70
291 : #2e2230 : -60
301 : #302230 : -50
311 : #30222d : -40
321 : #30222b : -30
331 : #302229 : -20
341 : #302226 : -10
351 : #302224 : ±0
341 : #302226 : -10
342 : #302226 : -9
343 : #302226 : -8
344 : #302226 : -7
345 : #302225 : -6
346 : #302225 : -5
347 : #302225 : -4
348 : #302225 : -3
349 : #302224 : -2
350 : #302224 : -1
351 : #302224 : ±0
352 : #302224 : +1
353 : #302223 : +2
354 : #302223 : +3
355 : #302223 : +4
356 : #302223 : +5
357 : #302223 : +6
358 : #302222 : +7
359 : #302222 : +8
0 : #302222 : -351
1 : #302222 : -350
S : 彩度 ( 17% )
(0%) 渋い ~ 鮮やか (100%)
1 : #292829 : -16
3 : #2a2828 : -14
5 : #2b2727 : -12
7 : #2c2627 : -10
9 : #2c2526 : -8
11 : #2d2426 : -6
13 : #2e2325 : -4
15 : #2f2325 : -2
17 : #302224 : ±0
19 : #312123 : +2
21 : #312023 : +4
23 : #321f22 : +6
25 : #331f22 : +8
27 : #341e21 : +10
29 : #351d21 : +12
31 : #351c20 : +14
33 : #361b1f : +16
35 : #371b1f : +18
37 : #381a1e : +20
39 : #39191e : +22
41 : #3a181d : +24
43 : #3a171d : +26
45 : #3b161c : +28
47 : #3c161b : +30
49 : #3d151b : +32
51 : #3e141a : +34
53 : #3e131a : +36
55 : #3f1219 : +38
57 : #401219 : +40
59 : #411118 : +42
61 : #421017 : +44
63 : #430f17 : +46
65 : #430e16 : +48
67 : #440d16 : +50
69 : #450d15 : +52
71 : #460c15 : +54
73 : #470b14 : +56
75 : #470a13 : +58
77 : #480913 : +60
79 : #490912 : +62
81 : #4a0812 : +64
83 : #4b0711 : +66
85 : #4b0611 : +68
87 : #4c0510 : +70
89 : #4d040f : +72
91 : #4e040f : +74
93 : #4f030e : +76
95 : #50020e : +78
97 : #50010d : +80
99 : #51000d : +82
L : 明度 ( 16% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -16
2 : #060404 : -14
4 : #0c0809 : -12
6 : #120d0d : -10
8 : #181112 : -8
10 : #1e1516 : -6
12 : #24191b : -4
14 : #2a1e1f : -2
16 : #302224 : ±0
18 : #362628 : +2
20 : #3c2a2d : +4
22 : #422f31 : +6
24 : #483336 : +8
26 : #4e373a : +10
28 : #543b3f : +12
30 : #5a3f43 : +14
32 : #5f4448 : +16
34 : #65484c : +18
36 : #6b4c51 : +20
38 : #715055 : +22
40 : #77555a : +24
42 : #7d595e : +26
44 : #835d63 : +28
46 : #896167 : +30
48 : #8f666c : +32
50 : #956a70 : +34
52 : #997076 : +36
54 : #9e767c : +38
56 : #a27c81 : +40
58 : #a68287 : +42
60 : #aa888d : +44
62 : #af8e93 : +46
64 : #b39498 : +48
66 : #b79a9e : +50
68 : #bba0a4 : +52
70 : #c0a5a9 : +54
72 : #c4abaf : +56
74 : #c8b1b5 : +58
76 : #ccb7bb : +60
78 : #d0bdc0 : +62
80 : #d5c3c6 : +64
82 : #d9c9cc : +66
84 : #ddcfd1 : +68
86 : #e1d5d7 : +70
88 : #e6dbdd : +72
90 : #eae1e2 : +74
92 : #eee7e8 : +76
94 : #f2edee : +78
96 : #f7f3f4 : +80
98 : #fbf9f9 : +82
100 : #ffffff : +84
CSS入門、作ってます。
text-shadow