#590d24
RGB ( 赤 = 89, 緑 = 13, 青 = 36 )
HSL ( 色相 = 342°, 彩度 = 75%, 明度 = 20% )
H : 色相 ( 342° )
(0°) 赤~黄~緑~青~紫 (359°)
2 : #590f0d : -340
12 : #591c0d : -330
22 : #59290d : -320
32 : #59360d : -310
42 : #59420d : -300
52 : #594f0d : -290
62 : #57590d : -280
72 : #4a590d : -270
82 : #3d590d : -260
92 : #30590d : -250
102 : #24590d : -240
112 : #17590d : -230
122 : #0d590f : -220
132 : #0d591c : -210
142 : #0d5929 : -200
152 : #0d5936 : -190
162 : #0d5942 : -180
172 : #0d594f : -170
182 : #0d5759 : -160
192 : #0d4a59 : -150
202 : #0d3d59 : -140
212 : #0d3059 : -130
222 : #0d2459 : -120
232 : #0d1759 : -110
242 : #0f0d59 : -100
252 : #1c0d59 : -90
262 : #290d59 : -80
272 : #360d59 : -70
282 : #420d59 : -60
292 : #4f0d59 : -50
302 : #590d57 : -40
312 : #590d4a : -30
322 : #590d3d : -20
332 : #590d30 : -10
342 : #590d24 : ±0
352 : #590d17 : +10
332 : #590d30 : -10
333 : #590d2f : -9
334 : #590d2e : -8
335 : #590d2d : -7
336 : #590d2b : -6
337 : #590d2a : -5
338 : #590d29 : -4
339 : #590d28 : -3
340 : #590d26 : -2
341 : #590d25 : -1
342 : #590d24 : ±0
343 : #590d22 : +1
344 : #590d21 : +2
345 : #590d20 : +3
346 : #590d1f : +4
347 : #590d1d : +5
348 : #590d1c : +6
349 : #590d1b : +7
350 : #590d1a : +8
351 : #590d18 : +9
352 : #590d17 : +10
S : 彩度 ( 75% )
(0%) 渋い ~ 鮮やか (100%)
1 : #343233 : -74
3 : #353132 : -72
5 : #363032 : -70
7 : #372f32 : -68
9 : #382e31 : -66
11 : #392d31 : -64
13 : #3a2c30 : -62
15 : #3b2b30 : -60
17 : #3c2a30 : -58
19 : #3d292f : -56
21 : #3e282f : -54
23 : #3f272e : -52
25 : #40262e : -50
27 : #41252d : -48
29 : #42242d : -46
31 : #43232d : -44
33 : #44222c : -42
35 : #45212c : -40
37 : #46202b : -38
39 : #471f2b : -36
41 : #481e2b : -34
43 : #491d2a : -32
45 : #4a1c2a : -30
47 : #4b1b29 : -28
49 : #4c1a29 : -26
51 : #4d1929 : -24
53 : #4e1828 : -22
55 : #4f1728 : -20
57 : #501627 : -18
59 : #511527 : -16
61 : #521427 : -14
63 : #531326 : -12
65 : #541226 : -10
67 : #551125 : -8
69 : #561025 : -6
71 : #570f25 : -4
73 : #580e24 : -2
75 : #590d24 : ±0
77 : #5a0c23 : +2
79 : #5b0b23 : +4
81 : #5c0a22 : +6
83 : #5d0922 : +8
85 : #5e0822 : +10
87 : #5f0721 : +12
89 : #600621 : +14
91 : #610520 : +16
93 : #620420 : +18
95 : #630320 : +20
97 : #64021f : +22
99 : #65011f : +24
L : 明度 ( 20% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -20
2 : #090104 : -18
4 : #120307 : -16
6 : #1b040b : -14
8 : #24050e : -12
10 : #2d0612 : -10
12 : #360815 : -8
14 : #3e0919 : -6
16 : #470a1d : -4
18 : #500b20 : -2
20 : #590d24 : ±0
22 : #620e27 : +2
24 : #6b0f2b : +4
26 : #74112e : +6
28 : #7d1232 : +8
30 : #861336 : +10
32 : #8f1439 : +12
34 : #98163d : +14
36 : #a11740 : +16
38 : #aa1844 : +18
40 : #b31a47 : +20
42 : #bb1b4b : +22
44 : #c41c4f : +24
46 : #cd1d52 : +26
48 : #d61f56 : +28
50 : #df2059 : +30
52 : #e02960 : +32
54 : #e23267 : +34
56 : #e33b6d : +36
58 : #e44474 : +38
60 : #e64d7a : +40
62 : #e75581 : +42
64 : #e85e88 : +44
66 : #e9678e : +46
68 : #eb7095 : +48
70 : #ec799c : +50
72 : #ed82a2 : +52
74 : #ee8ba9 : +54
76 : #f094af : +56
78 : #f19db6 : +58
80 : #f2a6bd : +60
82 : #f4afc3 : +62
84 : #f5b8ca : +64
86 : #f6c1d1 : +66
88 : #f7c9d7 : +68
90 : #f9d2de : +70
92 : #fadbe4 : +72
94 : #fbe4eb : +74
96 : #fcedf2 : +76
98 : #fef6f8 : +78
100 : #ffffff : +80
CSS入門、作ってます。
text-shadow