#a56055
RGB ( 赤 = 165, 緑 = 96, 青 = 85 )
HSL ( 色相 = 8°, 彩度 = 32%, 明度 = 49% )
H : 色相 ( 8° )
(0°) 赤～黄～緑～青～紫 (359°)
8 : #a56055 : ±0
18 : #a56d55 : +10
28 : #a57a55 : +20
38 : #a58855 : +30
48 : #a59555 : +40
58 : #a5a255 : +50
68 : #9aa555 : +60
78 : #8da555 : +70
88 : #80a555 : +80
98 : #72a555 : +90
108 : #65a555 : +100
118 : #58a555 : +110
128 : #55a560 : +120
138 : #55a56d : +130
148 : #55a57a : +140
158 : #55a588 : +150
168 : #55a595 : +160
178 : #55a5a2 : +170
188 : #559aa5 : +180
198 : #558da5 : +190
208 : #5580a5 : +200
218 : #5572a5 : +210
228 : #5565a5 : +220
238 : #5558a5 : +230
248 : #6055a5 : +240
258 : #6d55a5 : +250
268 : #7a55a5 : +260
278 : #8855a5 : +270
288 : #9555a5 : +280
298 : #a255a5 : +290
308 : #a5559a : +300
318 : #a5558d : +310
328 : #a55580 : +320
338 : #a55572 : +330
348 : #a55565 : +340
358 : #a55558 : +350
358 : #a55558 : +350
359 : #a55556 : +351
0 : #a55555 : -8
1 : #a55655 : -7
2 : #a55855 : -6
3 : #a55955 : -5
4 : #a55a55 : -4
5 : #a55c55 : -3
6 : #a55d55 : -2
7 : #a55e55 : -1
8 : #a56055 : ±0
9 : #a56155 : +1
10 : #a56255 : +2
11 : #a56455 : +3
12 : #a56555 : +4
13 : #a56655 : +5
14 : #a56855 : +6
15 : #a56955 : +7
16 : #a56a55 : +8
17 : #a56c55 : +9
18 : #a56d55 : +10
S : 彩度 ( 32% )
(0%) 渋い ～ 鮮やか (100%)
0 : #7c7c7c : -32
2 : #7f7b7a : -30
4 : #827978 : -28
6 : #847775 : -26
8 : #877673 : -24
10 : #897470 : -22
12 : #8c726e : -20
14 : #8e706b : -18
16 : #916e69 : -16
18 : #936c66 : -14
20 : #966b64 : -12
22 : #986961 : -10
24 : #9b675f : -8
26 : #9d655c : -6
28 : #a0635a : -4
30 : #a26157 : -2
32 : #a56055 : ±0
34 : #a75e52 : +2
36 : #aa5c50 : +4
38 : #ac5a4d : +6
40 : #af584b : +8
42 : #b15648 : +10
44 : #b45546 : +12
46 : #b65343 : +14
48 : #b95141 : +16
50 : #bb4f3e : +18
52 : #be4d3c : +20
54 : #c04b39 : +22
56 : #c34a37 : +24
58 : #c54834 : +26
60 : #c84632 : +28
62 : #ca442f : +30
64 : #cd422d : +32
66 : #cf402a : +34
68 : #d23f28 : +36
70 : #d43d25 : +38
72 : #d73b23 : +40
74 : #d93920 : +42
76 : #dc371e : +44
78 : #de351b : +46
80 : #e13419 : +48
82 : #e33216 : +50
84 : #e63014 : +52
86 : #e82e11 : +54
88 : #eb2c0f : +56
90 : #ed2a0c : +58
92 : #f0290a : +60
94 : #f22707 : +62
96 : #f52505 : +64
98 : #f72302 : +66
100 : #fa2100 : +68
L : 明度 ( 49% )
(0%) 暗い ～ 明るい (100%)
1 : #030202 : -48
3 : #0a0605 : -46
5 : #110a09 : -44
7 : #180e0c : -42
9 : #1e1210 : -40
11 : #251513 : -38
13 : #2c1917 : -36
15 : #321d1a : -34
17 : #39211d : -32
19 : #402521 : -30
21 : #472924 : -28
23 : #4d2d28 : -26
25 : #54312b : -24
27 : #5b352f : -22
29 : #623932 : -20
31 : #683c36 : -18
33 : #6f4039 : -16
35 : #76443d : -14
37 : #7d4840 : -12
39 : #834c44 : -10
41 : #8a5047 : -8
43 : #91544b : -6
45 : #97584e : -4
47 : #9e5c51 : -2
49 : #a56055 : ±0
51 : #aa655a : +2
53 : #ae6b61 : +4
55 : #b17168 : +6
57 : #b4786e : +8
59 : #b87e75 : +10
61 : #bb847c : +12
63 : #bf8b82 : +14
65 : #c29189 : +16
67 : #c69790 : +18
69 : #c99d97 : +20
71 : #cda49d : +22
73 : #d0aaa4 : +24
75 : #d4b0ab : +26
77 : #d7b7b2 : +28
79 : #dbbdb8 : +30
81 : #dec3bf : +32
83 : #e2c9c6 : +34
85 : #e5d0cd : +36
87 : #e8d6d3 : +38
89 : #ecdcda : +40
91 : #efe3e1 : +42
93 : #f3e9e7 : +44
95 : #f6efee : +46
97 : #faf6f5 : +48
99 : #fdfcfc : +50
CSS入門、作ってます。
text-shadow