#59503b
RGB ( 赤 = 89, 緑 = 80, 青 = 59 )
HSL ( 色相 = 42°, 彩度 = 20%, 明度 = 29% )
H : 色相 ( 42° )
(0°) 赤~黄~緑~青~紫 (359°)
2 : #593c3b : -40
12 : #59413b : -30
22 : #59463b : -20
32 : #594b3b : -10
42 : #59503b : ±0
52 : #59553b : +10
62 : #58593b : +20
72 : #53593b : +30
82 : #4e593b : +40
92 : #49593b : +50
102 : #44593b : +60
112 : #3f593b : +70
122 : #3b593c : +80
132 : #3b5941 : +90
142 : #3b5946 : +100
152 : #3b594b : +110
162 : #3b5950 : +120
172 : #3b5955 : +130
182 : #3b5859 : +140
192 : #3b5359 : +150
202 : #3b4e59 : +160
212 : #3b4959 : +170
222 : #3b4459 : +180
232 : #3b3f59 : +190
242 : #3c3b59 : +200
252 : #413b59 : +210
262 : #463b59 : +220
272 : #4b3b59 : +230
282 : #503b59 : +240
292 : #553b59 : +250
302 : #593b58 : +260
312 : #593b53 : +270
322 : #593b4e : +280
332 : #593b49 : +290
342 : #593b44 : +300
352 : #593b3f : +310
32 : #594b3b : -10
33 : #594b3b : -9
34 : #594c3b : -8
35 : #594c3b : -7
36 : #594d3b : -6
37 : #594d3b : -5
38 : #594e3b : -4
39 : #594e3b : -3
40 : #594f3b : -2
41 : #594f3b : -1
42 : #59503b : ±0
43 : #59503b : +1
44 : #59513b : +2
45 : #59513b : +3
46 : #59523b : +4
47 : #59523b : +5
48 : #59533b : +6
49 : #59533b : +7
50 : #59543b : +8
51 : #59543b : +9
52 : #59553b : +10
S : 彩度 ( 20% )
(0%) 渋い ~ 鮮やか (100%)
0 : #494949 : -20
2 : #4b4b48 : -18
4 : #4d4b47 : -16
6 : #4e4c46 : -14
8 : #504c44 : -12
10 : #514d43 : -10
12 : #534d41 : -8
14 : #544e40 : -6
16 : #564f3e : -4
18 : #574f3d : -2
20 : #59503b : ±0
22 : #5a503a : +2
24 : #5c5138 : +4
26 : #5d5237 : +6
28 : #5f5235 : +8
30 : #605334 : +10
32 : #625332 : +12
34 : #635431 : +14
36 : #65552f : +16
38 : #66552e : +18
40 : #68562c : +20
42 : #69562b : +22
44 : #6a5729 : +24
46 : #6c5828 : +26
48 : #6d5826 : +28
50 : #6f5925 : +30
52 : #705923 : +32
54 : #725a22 : +34
56 : #735b21 : +36
58 : #755b1f : +38
60 : #765c1e : +40
62 : #785c1c : +42
64 : #795d1b : +44
66 : #7b5d19 : +46
68 : #7c5e18 : +48
70 : #7e5f16 : +50
72 : #7f5f15 : +52
74 : #816013 : +54
76 : #826012 : +56
78 : #846110 : +58
80 : #85620f : +60
82 : #87620d : +62
84 : #88630c : +64
86 : #8a630a : +66
88 : #8b6409 : +68
90 : #8d6507 : +70
92 : #8e6506 : +72
94 : #8f6604 : +74
96 : #916603 : +76
98 : #926701 : +78
100 : #946800 : +80
L : 明度 ( 29% )
(0%) 暗い ~ 明るい (100%)
1 : #030302 : -28
3 : #090806 : -26
5 : #0f0e0a : -24
7 : #15130e : -22
9 : #1c1912 : -20
11 : #221e16 : -18
13 : #28241b : -16
15 : #2e291f : -14
17 : #342f23 : -12
19 : #3a3427 : -10
21 : #403a2b : -8
23 : #463f2f : -6
25 : #4d4533 : -4
27 : #534a37 : -2
29 : #59503b : ±0
31 : #5f553f : +2
33 : #655b43 : +4
35 : #6b6047 : +6
37 : #71664b : +8
39 : #776b50 : +10
41 : #7d7154 : +12
43 : #847658 : +14
45 : #8a7c5c : +16
47 : #908160 : +18
49 : #968764 : +20
51 : #9b8c69 : +22
53 : #9f916f : +24
55 : #a39575 : +26
57 : #a79a7b : +28
59 : #ab9f82 : +30
61 : #afa488 : +32
63 : #b4a88e : +34
65 : #b8ad94 : +36
67 : #bcb29a : +38
69 : #c0b6a0 : +40
71 : #c4bba6 : +42
73 : #c8c0ac : +44
75 : #ccc4b3 : +46
77 : #d0c9b9 : +48
79 : #d4cebf : +50
81 : #d8d2c5 : +52
83 : #dcd7cb : +54
85 : #e0dcd1 : +56
87 : #e4e1d7 : +58
89 : #e9e5dd : +60
91 : #edeae3 : +62
93 : #f1efea : +64
95 : #f5f3f0 : +66
97 : #f9f8f6 : +68
99 : #fdfdfc : +70
CSS入門、作ってます。
text-shadow