#392229
RGB ( 赤 = 57, 緑 = 34, 青 = 41 )
HSL ( 色相 = 342°, 彩度 = 25%, 明度 = 18% )
H : 色相 ( 342° )
(0°) 赤~黄~緑~青~紫 (359°)
2 : #392322 : -340
12 : #392722 : -330
22 : #392b22 : -320
32 : #392f22 : -310
42 : #393222 : -300
52 : #393622 : -290
62 : #393922 : -280
72 : #353922 : -270
82 : #313922 : -260
92 : #2d3922 : -250
102 : #293922 : -240
112 : #253922 : -230
122 : #223923 : -220
132 : #223927 : -210
142 : #22392b : -200
152 : #22392f : -190
162 : #223932 : -180
172 : #223936 : -170
182 : #223939 : -160
192 : #223539 : -150
202 : #223139 : -140
212 : #222d39 : -130
222 : #222939 : -120
232 : #222539 : -110
242 : #232239 : -100
252 : #272239 : -90
262 : #2b2239 : -80
272 : #2f2239 : -70
282 : #322239 : -60
292 : #362239 : -50
302 : #392239 : -40
312 : #392235 : -30
322 : #392231 : -20
332 : #39222d : -10
342 : #392229 : ±0
352 : #392225 : +10
332 : #39222d : -10
333 : #39222d : -9
334 : #39222c : -8
335 : #39222c : -7
336 : #39222c : -6
337 : #39222b : -5
338 : #39222b : -4
339 : #39222a : -3
340 : #39222a : -2
341 : #39222a : -1
342 : #392229 : ±0
343 : #392229 : +1
344 : #392229 : +2
345 : #392228 : +3
346 : #392228 : +4
347 : #392227 : +5
348 : #392227 : +6
349 : #392227 : +7
350 : #392226 : +8
351 : #392226 : +9
352 : #392225 : +10
S : 彩度 ( 25% )
(0%) 渋い ~ 鮮やか (100%)
1 : #2e2d2e : -24
3 : #2f2d2d : -22
5 : #302c2d : -20
7 : #312b2d : -18
9 : #322a2c : -16
11 : #33292c : -14
13 : #34282c : -12
15 : #35272b : -10
17 : #36262b : -8
19 : #37252a : -6
21 : #38242a : -4
23 : #38232a : -2
25 : #392229 : ±0
27 : #3a2229 : +2
29 : #3b2129 : +4
31 : #3c2028 : +6
33 : #3d1f28 : +8
35 : #3e1e27 : +10
37 : #3f1d27 : +12
39 : #401c27 : +14
41 : #411b26 : +16
43 : #421a26 : +18
45 : #431926 : +20
47 : #431825 : +22
49 : #441725 : +24
51 : #451625 : +26
53 : #461624 : +28
55 : #471524 : +30
57 : #481423 : +32
59 : #491323 : +34
61 : #4a1223 : +36
63 : #4b1122 : +38
65 : #4c1022 : +40
67 : #4d0f22 : +42
69 : #4e0e21 : +44
71 : #4e0d21 : +46
73 : #4f0c20 : +48
75 : #500b20 : +50
77 : #510b20 : +52
79 : #520a1f : +54
81 : #53091f : +56
83 : #54081f : +58
85 : #55071e : +60
87 : #56061e : +62
89 : #57051e : +64
91 : #58041d : +66
93 : #59031d : +68
95 : #5a021c : +70
97 : #5a011c : +72
99 : #5b001c : +74
L : 明度 ( 18% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -18
2 : #060405 : -16
4 : #0d0809 : -14
6 : #130b0e : -12
8 : #1a0f12 : -10
10 : #201317 : -8
12 : #26171c : -6
14 : #2d1b20 : -4
16 : #331f25 : -2
18 : #392229 : ±0
20 : #40262e : +2
22 : #462a32 : +4
24 : #4d2e37 : +6
26 : #53323c : +8
28 : #593640 : +10
30 : #603945 : +12
32 : #663d49 : +14
34 : #6c414e : +16
36 : #734553 : +18
38 : #794957 : +20
40 : #804d5c : +22
42 : #865060 : +24
44 : #8c5465 : +26
46 : #93586a : +28
48 : #995c6e : +30
50 : #9f6073 : +32
52 : #a36678 : +34
54 : #a76c7e : +36
56 : #ab7384 : +38
58 : #af7989 : +40
60 : #b3808f : +42
62 : #b68694 : +44
64 : #ba8c9a : +46
66 : #be93a0 : +48
68 : #c299a5 : +50
70 : #c69fab : +52
72 : #c9a6b0 : +54
74 : #cdacb6 : +56
76 : #d1b3bc : +58
78 : #d5b9c1 : +60
80 : #d9bfc7 : +62
82 : #ddc6cd : +64
84 : #e0ccd2 : +66
86 : #e4d2d8 : +68
88 : #e8d9dd : +70
90 : #ecdfe3 : +72
92 : #f0e6e9 : +74
94 : #f4ecee : +76
96 : #f7f2f4 : +78
98 : #fbf9f9 : +80
100 : #ffffff : +82
CSS入門、作ってます。
text-shadow