#582229
RGB ( 赤 = 88, 緑 = 34, 青 = 41 )
HSL ( 色相 = 352°, 彩度 = 44%, 明度 = 24% )
H : 色相 ( 352° )
(0°) 赤~黄~緑~青~紫 (359°)
2 : #582422 : -350
12 : #582d22 : -340
22 : #583622 : -330
32 : #583f22 : -320
42 : #584822 : -310
52 : #585122 : -300
62 : #565822 : -290
72 : #4d5822 : -280
82 : #445822 : -270
92 : #3b5822 : -260
102 : #325822 : -250
112 : #295822 : -240
122 : #225824 : -230
132 : #22582d : -220
142 : #225836 : -210
152 : #22583f : -200
162 : #225848 : -190
172 : #225851 : -180
182 : #225658 : -170
192 : #224d58 : -160
202 : #224458 : -150
212 : #223b58 : -140
222 : #223258 : -130
232 : #222958 : -120
242 : #242258 : -110
252 : #2d2258 : -100
262 : #362258 : -90
272 : #3f2258 : -80
282 : #482258 : -70
292 : #512258 : -60
302 : #582256 : -50
312 : #58224d : -40
322 : #582244 : -30
332 : #58223b : -20
342 : #582232 : -10
352 : #582229 : ±0
342 : #582232 : -10
343 : #582232 : -9
344 : #582231 : -8
345 : #582230 : -7
346 : #58222f : -6
347 : #58222e : -5
348 : #58222d : -4
349 : #58222c : -3
350 : #58222b : -2
351 : #58222a : -1
352 : #582229 : ±0
353 : #582229 : +1
354 : #582228 : +2
355 : #582227 : +3
356 : #582226 : +4
357 : #582225 : +5
358 : #582224 : +6
359 : #582223 : +7
0 : #582222 : -352
1 : #582322 : -351
2 : #582422 : -350
S : 彩度 ( 44% )
(0%) 渋い ~ 鮮やか (100%)
0 : #3d3d3d : -44
2 : #3e3c3c : -42
4 : #403b3b : -40
6 : #413a3b : -38
8 : #42383a : -36
10 : #433739 : -34
12 : #453638 : -32
14 : #463537 : -30
16 : #473336 : -28
18 : #483235 : -26
20 : #493134 : -24
22 : #4b3033 : -22
24 : #4c2f32 : -20
26 : #4d2d32 : -18
28 : #4e2c31 : -16
30 : #502b30 : -14
32 : #512a2f : -12
34 : #52282e : -10
36 : #53272d : -8
38 : #54262c : -6
40 : #56252b : -4
42 : #57232a : -2
44 : #582229 : ±0
46 : #592129 : +2
48 : #5b2028 : +4
50 : #5c1f27 : +6
52 : #5d1d26 : +8
54 : #5e1c25 : +10
56 : #5f1b24 : +12
58 : #611a23 : +14
60 : #621822 : +16
62 : #631721 : +18
64 : #641620 : +20
66 : #661520 : +22
68 : #67141f : +24
70 : #68121e : +26
72 : #69111d : +28
74 : #6a101c : +30
76 : #6c0f1b : +32
78 : #6d0d1a : +34
80 : #6e0c19 : +36
82 : #6f0b18 : +38
84 : #710a18 : +40
86 : #720917 : +42
88 : #730716 : +44
90 : #740615 : +46
92 : #760514 : +48
94 : #770413 : +50
96 : #780212 : +52
98 : #790111 : +54
100 : #7a0010 : +56
L : 明度 ( 24% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -24
2 : #070303 : -22
4 : #0f0607 : -20
6 : #16090a : -18
8 : #1d0b0e : -16
10 : #250e11 : -14
12 : #2c1115 : -12
14 : #331418 : -10
16 : #3b171c : -8
18 : #421a1f : -6
20 : #491d23 : -4
22 : #511f26 : -2
24 : #582229 : ±0
26 : #5f252d : +2
28 : #672830 : +4
30 : #6e2b34 : +6
32 : #762e37 : +8
34 : #7d313b : +10
36 : #84333e : +12
38 : #8c3642 : +14
40 : #933945 : +16
42 : #9a3c49 : +18
44 : #a23f4c : +20
46 : #a9424f : +22
48 : #b04553 : +24
50 : #b84756 : +26
52 : #ba4f5d : +28
54 : #bd5664 : +30
56 : #c05d6b : +32
58 : #c36571 : +34
60 : #c66c78 : +36
62 : #c9737f : +38
64 : #cc7b86 : +40
66 : #ce828c : +42
68 : #d18993 : +44
70 : #d4919a : +46
72 : #d798a1 : +48
74 : #daa0a7 : +50
76 : #dda7ae : +52
78 : #e0aeb5 : +54
80 : #e2b6bc : +56
82 : #e5bdc2 : +58
84 : #e8c4c9 : +60
86 : #ebccd0 : +62
88 : #eed3d7 : +64
90 : #f1dadd : +66
92 : #f4e2e4 : +68
94 : #f6e9eb : +70
96 : #f9f0f2 : +72
98 : #fcf8f8 : +74
100 : #ffffff : +76
CSS入門、作ってます。
text-shadow