#422 #442222
RGB ( 赤 = 68, 緑 = 34, 青 = 34 )
HSL ( 色相 = 0°, 彩度 = 33%, 明度 = 20% )
H : 色相 ( 0° )
(0°) 赤～黄～緑～青～紫 (359°)
0 : #442222 : ±0
10 : #442822 : +10
20 : #442d22 : +20
30 : #443322 : +30
40 : #443922 : +40
50 : #443e22 : +50
60 : #444422 : +60
70 : #3e4422 : +70
80 : #394422 : +80
90 : #334422 : +90
100 : #2d4422 : +100
110 : #284422 : +110
120 : #224422 : +120
130 : #224428 : +130
140 : #22442d : +140
150 : #224433 : +150
160 : #224439 : +160
170 : #22443e : +170
180 : #224444 : +180
190 : #223e44 : +190
200 : #223944 : +200
210 : #223344 : +210
220 : #222d44 : +220
230 : #222844 : +230
240 : #222244 : +240
250 : #282244 : +250
260 : #2d2244 : +260
270 : #332244 : +270
280 : #392244 : +280
290 : #3e2244 : +290
300 : #442244 : +300
310 : #44223e : +310
320 : #442239 : +320
330 : #442233 : +330
340 : #44222d : +340
350 : #442228 : +350
350 : #442228 : +350
351 : #442227 : +351
352 : #442227 : +352
353 : #442226 : +353
354 : #442226 : +354
355 : #442225 : +355
356 : #442224 : +356
357 : #442224 : +357
358 : #442223 : +358
359 : #442223 : +359
0 : #442222 : ±0
1 : #442322 : +1
2 : #442322 : +2
3 : #442422 : +3
4 : #442422 : +4
5 : #442522 : +5
6 : #442622 : +6
7 : #442622 : +7
8 : #442722 : +8
9 : #442722 : +9
10 : #442822 : +10
S : 彩度 ( 33% )
(0%) 渋い ～ 鮮やか (100%)
1 : #343232 : -32
3 : #353131 : -30
5 : #363030 : -28
7 : #372f2f : -26
9 : #382e2e : -24
11 : #392d2d : -22
13 : #3a2c2c : -20
15 : #3b2b2b : -18
17 : #3c2a2a : -16
19 : #3d2929 : -14
21 : #3e2828 : -12
23 : #3f2727 : -10
25 : #402626 : -8
27 : #412525 : -6
29 : #422424 : -4
31 : #432323 : -2
33 : #442222 : ±0
35 : #452121 : +2
37 : #462020 : +4
39 : #471f1f : +6
41 : #481e1e : +8
43 : #491d1d : +10
45 : #4a1c1c : +12
47 : #4b1b1b : +14
49 : #4c1a1a : +16
51 : #4d1919 : +18
53 : #4e1818 : +20
55 : #4f1717 : +22
57 : #501616 : +24
59 : #511515 : +26
61 : #521414 : +28
63 : #531313 : +30
65 : #541212 : +32
67 : #551111 : +34
69 : #561010 : +36
71 : #570f0f : +38
73 : #580e0e : +40
75 : #590d0d : +42
77 : #5a0c0c : +44
79 : #5b0b0b : +46
81 : #5c0a0a : +48
83 : #5d0909 : +50
85 : #5e0808 : +52
87 : #5f0707 : +54
89 : #600606 : +56
91 : #610505 : +58
93 : #620404 : +60
95 : #630303 : +62
97 : #640202 : +64
99 : #650101 : +66
L : 明度 ( 20% )
(0%) 暗い ～ 明るい (100%)
0 : #000000 : -20
2 : #070303 : -18
4 : #0e0707 : -16
6 : #140a0a : -14
8 : #1b0e0e : -12
10 : #221111 : -10
12 : #291515 : -8
14 : #2f1818 : -6
16 : #361b1b : -4
18 : #3d1f1f : -2
20 : #442222 : ±0
22 : #4b2626 : +2
24 : #512929 : +4
26 : #582c2c : +6
28 : #5f3030 : +8
30 : #663333 : +10
32 : #6d3737 : +12
34 : #733a3a : +14
36 : #7a3e3e : +16
38 : #814141 : +18
40 : #884444 : +20
42 : #8e4848 : +22
44 : #954b4b : +24
46 : #9c4f4f : +26
48 : #a35252 : +28
50 : #aa5555 : +30
52 : #ad5c5c : +32
54 : #b06363 : +34
56 : #b46a6a : +36
58 : #b77171 : +38
60 : #bb7777 : +40
62 : #be7e7e : +42
64 : #c18585 : +44
66 : #c58c8c : +46
68 : #c89292 : +48
70 : #cc9999 : +50
72 : #cfa0a0 : +52
74 : #d3a7a7 : +54
76 : #d6aeae : +56
78 : #d9b4b4 : +58
80 : #ddbbbb : +60
82 : #e0c2c2 : +62
84 : #e4c9c9 : +64
86 : #e7d0d0 : +66
88 : #ead6d6 : +68
90 : #eedddd : +70
92 : #f1e4e4 : +72
94 : #f5ebeb : +74
96 : #f8f1f1 : +76
98 : #fcf8f8 : +78
100 : #ffffff : +80
CSS入門、作ってます。
text-shadow