#ac2f15
RGB
赤 | 172 |
---|---|
緑 | 47 |
青 | 21 |
HSL
色相 | 10° |
---|---|
彩度 | 78% |
明度 | 38% |
輝度 | 32% |
3桁の色
補色
反転色
色の名前 (丸角は、色コード)
RGB ( 赤 = 172, 緑 = 47, 青 = 21 )
HSL ( 色相 = 10°, 彩度 = 78%, 明度 = 38% )
H : 色相 ( 10° )
(0°) 赤~黄~緑~青~紫 (359°)
0 : #ac1515 : -10
10 : #ac2f15 : ±0
20 : #ac4815 : +10
30 : #ac6115 : +20
40 : #ac7a15 : +30
50 : #ac9315 : +40
60 : #acac15 : +50
70 : #93ac15 : +60
80 : #7aac15 : +70
90 : #61ac15 : +80
100 : #48ac15 : +90
110 : #2fac15 : +100
120 : #15ac15 : +110
130 : #15ac2f : +120
140 : #15ac48 : +130
150 : #15ac61 : +140
160 : #15ac7a : +150
170 : #15ac93 : +160
180 : #15acac : +170
190 : #1593ac : +180
200 : #157aac : +190
210 : #1561ac : +200
220 : #1548ac : +210
230 : #152fac : +220
240 : #1515ac : +230
250 : #2f15ac : +240
260 : #4815ac : +250
270 : #6115ac : +260
280 : #7a15ac : +270
290 : #9315ac : +280
300 : #ac15ac : +290
310 : #ac1593 : +300
320 : #ac157a : +310
330 : #ac1561 : +320
340 : #ac1548 : +330
350 : #ac152f : +340
0 : #ac1515 : -10
1 : #ac1815 : -9
2 : #ac1a15 : -8
3 : #ac1d15 : -7
4 : #ac1f15 : -6
5 : #ac2215 : -5
6 : #ac2415 : -4
7 : #ac2715 : -3
8 : #ac2915 : -2
9 : #ac2c15 : -1
10 : #ac2f15 : ±0
11 : #ac3115 : +1
12 : #ac3415 : +2
13 : #ac3615 : +3
14 : #ac3915 : +4
15 : #ac3b15 : +5
16 : #ac3e15 : +6
17 : #ac4015 : +7
18 : #ac4315 : +8
19 : #ac4515 : +9
20 : #ac4815 : +10
S : 彩度 ( 78% )
(0%) 渋い ~ 鮮やか (100%)
0 : #606060 : -78
2 : #63605f : -76
4 : #655e5d : -74
6 : #675d5b : -72
8 : #695c59 : -70
10 : #6b5a57 : -68
12 : #6d5955 : -66
14 : #6e5853 : -64
16 : #705751 : -62
18 : #72554f : -60
20 : #74544e : -58
22 : #76534c : -56
24 : #78514a : -54
26 : #7a5048 : -52
28 : #7c4f46 : -50
30 : #7e4e44 : -48
32 : #804c42 : -46
34 : #824b40 : -44
36 : #844a3e : -42
38 : #86483c : -40
40 : #88473a : -38
42 : #8a4638 : -36
44 : #8c4436 : -34
46 : #8d4334 : -32
48 : #8f4232 : -30
50 : #914130 : -28
52 : #933f2f : -26
54 : #953e2d : -24
56 : #973d2b : -22
58 : #993b29 : -20
60 : #9b3a27 : -18
62 : #9d3925 : -16
64 : #9f3823 : -14
66 : #a13621 : -12
68 : #a3351f : -10
70 : #a5341d : -8
72 : #a7321b : -6
74 : #a93119 : -4
76 : #ab3017 : -2
78 : #ac2f15 : ±0
80 : #ae2d13 : +2
82 : #b02c11 : +4
84 : #b22b10 : +6
86 : #b4290e : +8
88 : #b6280c : +10
90 : #b8270a : +12
92 : #ba2508 : +14
94 : #bc2406 : +16
96 : #be2304 : +18
98 : #c02202 : +20
100 : #c22000 : +22
L : 明度 ( 38% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -38
2 : #090201 : -36
4 : #120502 : -34
6 : #1b0703 : -32
8 : #240a04 : -30
10 : #2d0c06 : -28
12 : #360f07 : -26
14 : #401108 : -24
16 : #491409 : -22
18 : #52160a : -20
20 : #5b180b : -18
22 : #641b0c : -16
24 : #6d1d0d : -14
26 : #76200f : -12
28 : #7f2210 : -10
30 : #882511 : -8
32 : #912712 : -6
34 : #9a2a13 : -4
36 : #a32c14 : -2
38 : #ac2f15 : ±0
40 : #b63116 : +2
42 : #bf3318 : +4
44 : #c83619 : +6
46 : #d1381a : +8
48 : #da3b1b : +10
50 : #e33d1c : +12
52 : #e44525 : +14
54 : #e54d2e : +16
56 : #e65437 : +18
58 : #e75c40 : +20
60 : #e96449 : +22
62 : #ea6c53 : +24
64 : #eb735c : +26
66 : #ec7b65 : +28
68 : #ed836e : +30
70 : #ee8b77 : +32
72 : #ef9280 : +34
74 : #f09a89 : +36
76 : #f2a292 : +38
78 : #f3aa9b : +40
80 : #f4b1a4 : +42
82 : #f5b9ad : +44
84 : #f6c1b6 : +46
86 : #f7c9bf : +48
88 : #f8d0c9 : +50
90 : #f9d8d2 : +52
92 : #fbe0db : +54
94 : #fce8e4 : +56
96 : #fdefed : +58
98 : #fef7f6 : +60
100 : #ffffff : +62
CSS入門、作ってます。
text-shadow