#a7512f
RGB
赤 | 167 |
---|---|
緑 | 81 |
青 | 47 |
HSL
色相 | 17° |
---|---|
彩度 | 56% |
明度 | 42% |
輝度 | 40% |
3桁の色
補色
反転色
色の名前 (丸角は、色コード)
RGB ( 赤 = 167, 緑 = 81, 青 = 47 )
HSL ( 色相 = 17°, 彩度 = 56%, 明度 = 42% )
H : 色相 ( 17° )
(0°) 赤~黄~緑~青~紫 (359°)
7 : #a73d2f : -10
17 : #a7512f : ±0
27 : #a7652f : +10
37 : #a7792f : +20
47 : #a78d2f : +30
57 : #a7a12f : +40
67 : #99a72f : +50
77 : #85a72f : +60
87 : #71a72f : +70
97 : #5da72f : +80
107 : #49a72f : +90
117 : #35a72f : +100
127 : #2fa73d : +110
137 : #2fa751 : +120
147 : #2fa765 : +130
157 : #2fa779 : +140
167 : #2fa78d : +150
177 : #2fa7a1 : +160
187 : #2f99a7 : +170
197 : #2f85a7 : +180
207 : #2f71a7 : +190
217 : #2f5da7 : +200
227 : #2f49a7 : +210
237 : #2f35a7 : +220
247 : #3d2fa7 : +230
257 : #512fa7 : +240
267 : #652fa7 : +250
277 : #792fa7 : +260
287 : #8d2fa7 : +270
297 : #a12fa7 : +280
307 : #a72f99 : +290
317 : #a72f85 : +300
327 : #a72f71 : +310
337 : #a72f5d : +320
347 : #a72f49 : +330
357 : #a72f35 : +340
7 : #a73d2f : -10
8 : #a73f2f : -9
9 : #a7412f : -8
10 : #a7432f : -7
11 : #a7452f : -6
12 : #a7472f : -5
13 : #a7492f : -4
14 : #a74b2f : -3
15 : #a74d2f : -2
16 : #a74f2f : -1
17 : #a7512f : ±0
18 : #a7532f : +1
19 : #a7552f : +2
20 : #a7572f : +3
21 : #a7592f : +4
22 : #a75b2f : +5
23 : #a75d2f : +6
24 : #a75f2f : +7
25 : #a7612f : +8
26 : #a7632f : +9
27 : #a7652f : +10
S : 彩度 ( 56% )
(0%) 渋い ~ 鮮やか (100%)
0 : #6b6b6b : -56
2 : #6d6a69 : -54
4 : #6f6967 : -52
6 : #726865 : -50
8 : #746763 : -48
10 : #766660 : -46
12 : #78665e : -44
14 : #7a655c : -42
16 : #7c645a : -40
18 : #7e6358 : -38
20 : #816256 : -36
22 : #836154 : -34
24 : #856051 : -32
26 : #875f4f : -30
28 : #895e4d : -28
30 : #8b5d4b : -26
32 : #8d5c49 : -24
34 : #905b47 : -22
36 : #925a45 : -20
38 : #945942 : -18
40 : #965940 : -16
42 : #98583e : -14
44 : #9a573c : -12
46 : #9c563a : -10
48 : #9f5538 : -8
50 : #a15436 : -6
52 : #a35333 : -4
54 : #a55231 : -2
56 : #a7512f : ±0
58 : #a9502d : +2
60 : #ab4f2b : +4
62 : #ae4e29 : +6
64 : #b04d27 : +8
66 : #b24c24 : +10
68 : #b44c22 : +12
70 : #b64b20 : +14
72 : #b84a1e : +16
74 : #ba491c : +18
76 : #bc481a : +20
78 : #bf4718 : +22
80 : #c14615 : +24
82 : #c34513 : +26
84 : #c54411 : +28
86 : #c7430f : +30
88 : #c9420d : +32
90 : #cb410b : +34
92 : #ce4009 : +36
94 : #d03f06 : +38
96 : #d23f04 : +40
98 : #d43e02 : +42
100 : #d63d00 : +44
L : 明度 ( 42% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -42
2 : #080402 : -40
4 : #100804 : -38
6 : #180c07 : -36
8 : #200f09 : -34
10 : #28130b : -32
12 : #30170d : -30
14 : #381b10 : -28
16 : #401f12 : -26
18 : #482314 : -24
20 : #502716 : -22
22 : #582a19 : -20
24 : #5f2e1b : -18
26 : #67321d : -16
28 : #6f361f : -14
30 : #773a22 : -12
32 : #7f3e24 : -10
34 : #874226 : -8
36 : #8f4628 : -6
38 : #97492b : -4
40 : #9f4d2d : -2
42 : #a7512f : ±0
44 : #af5531 : +2
46 : #b75934 : +4
48 : #bf5d36 : +6
50 : #c76138 : +8
52 : #c96740 : +10
54 : #cb6d48 : +12
56 : #ce7450 : +14
58 : #d07a58 : +16
60 : #d28060 : +18
62 : #d48768 : +20
64 : #d78d70 : +22
66 : #d99378 : +24
68 : #db9a80 : +26
70 : #dda088 : +28
72 : #e0a690 : +30
74 : #e2ad98 : +32
76 : #e4b3a0 : +34
78 : #e6b9a7 : +36
80 : #e9c0af : +38
82 : #ebc6b7 : +40
84 : #edccbf : +42
86 : #efd3c7 : +44
88 : #f2d9cf : +46
90 : #f4dfd7 : +48
92 : #f6e6df : +50
94 : #f8ece7 : +52
96 : #fbf2ef : +54
98 : #fdf9f7 : +56
100 : #ffffff : +58
CSS入門、作ってます。
text-shadow