#a0392c
RGB
赤 | 160 |
---|---|
緑 | 57 |
青 | 44 |
HSL
色相 | 7° |
---|---|
彩度 | 57% |
明度 | 40% |
輝度 | 34% |
3桁の色
補色
反転色
色の名前 (丸角は、色コード)
RGB ( 赤 = 160, 緑 = 57, 青 = 44 )
HSL ( 色相 = 7°, 彩度 = 57%, 明度 = 40% )
H : 色相 ( 7° )
(0°) 赤~黄~緑~青~紫 (359°)
7 : #a0392c : ±0
17 : #a04d2c : +10
27 : #a0602c : +20
37 : #a0742c : +30
47 : #a0872c : +40
57 : #a09a2c : +50
67 : #93a02c : +60
77 : #7fa02c : +70
87 : #6ca02c : +80
97 : #58a02c : +90
107 : #45a02c : +100
117 : #32a02c : +110
127 : #2ca039 : +120
137 : #2ca04d : +130
147 : #2ca060 : +140
157 : #2ca074 : +150
167 : #2ca087 : +160
177 : #2ca09a : +170
187 : #2c93a0 : +180
197 : #2c7fa0 : +190
207 : #2c6ca0 : +200
217 : #2c58a0 : +210
227 : #2c45a0 : +220
237 : #2c32a0 : +230
247 : #392ca0 : +240
257 : #4d2ca0 : +250
267 : #602ca0 : +260
277 : #742ca0 : +270
287 : #872ca0 : +280
297 : #9a2ca0 : +290
307 : #a02c93 : +300
317 : #a02c7f : +310
327 : #a02c6c : +320
337 : #a02c58 : +330
347 : #a02c45 : +340
357 : #a02c32 : +350
357 : #a02c32 : +350
358 : #a02c30 : +351
359 : #a02c2e : +352
0 : #a02c2c : -7
1 : #a02e2c : -6
2 : #a0302c : -5
3 : #a0322c : -4
4 : #a0342c : -3
5 : #a0362c : -2
6 : #a0372c : -1
7 : #a0392c : ±0
8 : #a03b2c : +1
9 : #a03d2c : +2
10 : #a03f2c : +3
11 : #a0412c : +4
12 : #a0432c : +5
13 : #a0452c : +6
14 : #a0472c : +7
15 : #a0492c : +8
16 : #a04b2c : +9
17 : #a04d2c : +10
S : 彩度 ( 57% )
(0%) 渋い ~ 鮮やか (100%)
1 : #676565 : -56
3 : #696463 : -54
5 : #6b6261 : -52
7 : #6d615f : -50
9 : #6f5f5d : -48
11 : #715d5b : -46
13 : #735c59 : -44
15 : #755a57 : -42
17 : #775955 : -40
19 : #795753 : -38
21 : #7b5651 : -36
23 : #7d544f : -34
25 : #80524d : -32
27 : #82514a : -30
29 : #844f48 : -28
31 : #864e46 : -26
33 : #884c44 : -24
35 : #8a4b42 : -22
37 : #8c4940 : -20
39 : #8e483e : -18
41 : #90463c : -16
43 : #92443a : -14
45 : #944338 : -12
47 : #964136 : -10
49 : #984034 : -8
51 : #9a3e32 : -6
53 : #9c3d30 : -4
55 : #9e3b2e : -2
57 : #a0392c : ±0
59 : #a2382a : +2
61 : #a43628 : +4
63 : #a63526 : +6
65 : #a83324 : +8
67 : #aa3222 : +10
69 : #ac3020 : +12
71 : #ae2e1e : +14
73 : #b02d1c : +16
75 : #b32b1a : +18
77 : #b52a17 : +20
79 : #b72815 : +22
81 : #b92713 : +24
83 : #bb2511 : +26
85 : #bd240f : +28
87 : #bf220d : +30
89 : #c1200b : +32
91 : #c31f09 : +34
93 : #c51d07 : +36
95 : #c71c05 : +38
97 : #c91a03 : +40
99 : #cb1901 : +42
L : 明度 ( 40% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -40
2 : #080302 : -38
4 : #100604 : -36
6 : #180907 : -34
8 : #200b09 : -32
10 : #280e0b : -30
12 : #30110d : -28
14 : #38140f : -26
16 : #401712 : -24
18 : #481a14 : -22
20 : #501d16 : -20
22 : #582018 : -18
24 : #60221a : -16
26 : #68251d : -14
28 : #70281f : -12
30 : #782b21 : -10
32 : #802e23 : -8
34 : #883125 : -6
36 : #903427 : -4
38 : #98372a : -2
40 : #a0392c : ±0
42 : #a83c2e : +2
44 : #b03f30 : +4
46 : #b84232 : +6
48 : #c04535 : +8
50 : #c84837 : +10
52 : #ca4f3f : +12
54 : #cd5647 : +14
56 : #cf5e4f : +16
58 : #d16557 : +18
60 : #d36c5f : +20
62 : #d57467 : +22
64 : #d87b6f : +24
66 : #da8277 : +26
68 : #dc8a7f : +28
70 : #de9187 : +30
72 : #e0988f : +32
74 : #e2a097 : +34
76 : #e5a79f : +36
78 : #e7aea7 : +38
80 : #e9b6af : +40
82 : #ebbdb7 : +42
84 : #edc4bf : +44
86 : #f0ccc7 : +46
88 : #f2d3cf : +48
90 : #f4dad7 : +50
92 : #f6e2df : +52
94 : #f8e9e7 : +54
96 : #fbf0ef : +56
98 : #fdf8f7 : +58
100 : #ffffff : +60
CSS入門、作ってます。
text-shadow