#ac4535
RGB
赤 | 172 |
---|---|
緑 | 69 |
青 | 53 |
HSL
色相 | 8° |
---|---|
彩度 | 53% |
明度 | 44% |
輝度 | 38% |
3桁の色
補色
反転色
色の名前 (丸角は、色コード)
RGB ( 赤 = 172, 緑 = 69, 青 = 53 )
HSL ( 色相 = 8°, 彩度 = 53%, 明度 = 44% )
H : 色相 ( 8° )
(0°) 赤~黄~緑~青~紫 (359°)
8 : #ac4535 : ±0
18 : #ac5835 : +10
28 : #ac6c35 : +20
38 : #ac8035 : +30
48 : #ac9435 : +40
58 : #aca835 : +50
68 : #9cac35 : +60
78 : #88ac35 : +70
88 : #74ac35 : +80
98 : #60ac35 : +90
108 : #4dac35 : +100
118 : #39ac35 : +110
128 : #35ac45 : +120
138 : #35ac58 : +130
148 : #35ac6c : +140
158 : #35ac80 : +150
168 : #35ac94 : +160
178 : #35aca8 : +170
188 : #359cac : +180
198 : #3588ac : +190
208 : #3574ac : +200
218 : #3560ac : +210
228 : #354dac : +220
238 : #3539ac : +230
248 : #4535ac : +240
258 : #5835ac : +250
268 : #6c35ac : +260
278 : #8035ac : +270
288 : #9435ac : +280
298 : #a835ac : +290
308 : #ac359c : +300
318 : #ac3588 : +310
328 : #ac3574 : +320
338 : #ac3560 : +330
348 : #ac354d : +340
358 : #ac3539 : +350
358 : #ac3539 : +350
359 : #ac3537 : +351
0 : #ac3535 : -8
1 : #ac3735 : -7
2 : #ac3935 : -6
3 : #ac3b35 : -5
4 : #ac3d35 : -4
5 : #ac3f35 : -3
6 : #ac4135 : -2
7 : #ac4335 : -1
8 : #ac4535 : ±0
9 : #ac4735 : +1
10 : #ac4935 : +2
11 : #ac4b35 : +3
12 : #ac4d35 : +4
13 : #ac4f35 : +5
14 : #ac5035 : +6
15 : #ac5235 : +7
16 : #ac5435 : +8
17 : #ac5635 : +9
18 : #ac5835 : +10
S : 彩度 ( 53% )
(0%) 渋い ~ 鮮やか (100%)
1 : #716f6f : -52
3 : #746e6d : -50
5 : #766c6b : -48
7 : #786a68 : -46
9 : #7a6966 : -44
11 : #7d6764 : -42
13 : #7f6662 : -40
15 : #81645f : -38
17 : #83625d : -36
19 : #86615b : -34
21 : #885f59 : -32
23 : #8a5d56 : -30
25 : #8c5c54 : -28
27 : #8e5a52 : -26
29 : #915850 : -24
31 : #93574d : -22
33 : #95554b : -20
35 : #975349 : -18
37 : #9a5247 : -16
39 : #9c5044 : -14
41 : #9e4e42 : -12
43 : #a04d40 : -10
45 : #a34b3e : -8
47 : #a54a3b : -6
49 : #a74839 : -4
51 : #a94637 : -2
53 : #ac4535 : ±0
55 : #ae4332 : +2
57 : #b04130 : +4
59 : #b2402e : +6
61 : #b53e2c : +8
63 : #b73c2a : +10
65 : #b93b27 : +12
67 : #bb3925 : +14
69 : #be3723 : +16
71 : #c03621 : +18
73 : #c2341e : +20
75 : #c4321c : +22
77 : #c7311a : +24
79 : #c92f18 : +26
81 : #cb2e15 : +28
83 : #cd2c13 : +30
85 : #d02a11 : +32
87 : #d2290f : +34
89 : #d4270c : +36
91 : #d6250a : +38
93 : #d92408 : +40
95 : #db2206 : +42
97 : #dd2003 : +44
99 : #df1f01 : +46
L : 明度 ( 44% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -44
2 : #080302 : -42
4 : #100605 : -40
6 : #170907 : -38
8 : #1f0c0a : -36
10 : #27100c : -34
12 : #2f130e : -32
14 : #371611 : -30
16 : #3e1913 : -28
18 : #461c16 : -26
20 : #4e1f18 : -24
22 : #56221a : -22
24 : #5e251d : -20
26 : #65291f : -18
28 : #6d2c22 : -16
30 : #752f24 : -14
32 : #7d3226 : -12
34 : #853529 : -10
36 : #8c382b : -8
38 : #943b2e : -6
40 : #9c3e30 : -4
42 : #a44132 : -2
44 : #ac4535 : ±0
46 : #b34837 : +2
48 : #bb4b3a : +4
50 : #c34e3c : +6
52 : #c55544 : +8
54 : #c85c4c : +10
56 : #ca6353 : +12
58 : #cd6a5b : +14
60 : #cf7163 : +16
62 : #d1786b : +18
64 : #d48073 : +20
66 : #d6877a : +22
68 : #d98e82 : +24
70 : #db958a : +26
72 : #dd9c92 : +28
74 : #e0a39a : +30
76 : #e2aaa1 : +32
78 : #e5b1a9 : +34
80 : #e7b8b1 : +36
82 : #e9bfb9 : +38
84 : #ecc6c1 : +40
86 : #eecdc8 : +42
88 : #f1d5d0 : +44
90 : #f3dcd8 : +46
92 : #f5e3e0 : +48
94 : #f8eae8 : +50
96 : #faf1ef : +52
98 : #fdf8f7 : +54
100 : #ffffff : +56
CSS入門、作ってます。
text-shadow