#ac6115
RGB
赤 | 172 |
---|---|
緑 | 97 |
青 | 21 |
HSL
色相 | 30° |
---|---|
彩度 | 78% |
明度 | 38% |
輝度 | 43% |
3桁の色
補色
反転色
色の名前 (丸角は、色コード)
RGB ( 赤 = 172, 緑 = 97, 青 = 21 )
HSL ( 色相 = 30°, 彩度 = 78%, 明度 = 38% )
H : 色相 ( 30° )
(0°) 赤~黄~緑~青~紫 (359°)
0 : #ac1515 : -30
10 : #ac2f15 : -20
20 : #ac4815 : -10
30 : #ac6115 : ±0
40 : #ac7a15 : +10
50 : #ac9315 : +20
60 : #acac15 : +30
70 : #93ac15 : +40
80 : #7aac15 : +50
90 : #61ac15 : +60
100 : #48ac15 : +70
110 : #2fac15 : +80
120 : #15ac15 : +90
130 : #15ac2f : +100
140 : #15ac48 : +110
150 : #15ac61 : +120
160 : #15ac7a : +130
170 : #15ac93 : +140
180 : #15acac : +150
190 : #1593ac : +160
200 : #157aac : +170
210 : #1561ac : +180
220 : #1548ac : +190
230 : #152fac : +200
240 : #1515ac : +210
250 : #2f15ac : +220
260 : #4815ac : +230
270 : #6115ac : +240
280 : #7a15ac : +250
290 : #9315ac : +260
300 : #ac15ac : +270
310 : #ac1593 : +280
320 : #ac157a : +290
330 : #ac1561 : +300
340 : #ac1548 : +310
350 : #ac152f : +320
20 : #ac4815 : -10
21 : #ac4a15 : -9
22 : #ac4d15 : -8
23 : #ac4f15 : -7
24 : #ac5215 : -6
25 : #ac5415 : -5
26 : #ac5715 : -4
27 : #ac5915 : -3
28 : #ac5c15 : -2
29 : #ac5e15 : -1
30 : #ac6115 : ±0
31 : #ac6315 : +1
32 : #ac6615 : +2
33 : #ac6815 : +3
34 : #ac6b15 : +4
35 : #ac6d15 : +5
36 : #ac7015 : +6
37 : #ac7315 : +7
38 : #ac7515 : +8
39 : #ac7815 : +9
40 : #ac7a15 : +10
S : 彩度 ( 78% )
(0%) 渋い ~ 鮮やか (100%)
0 : #606060 : -78
2 : #63615f : -76
4 : #65615d : -74
6 : #67615b : -72
8 : #696159 : -70
10 : #6b6157 : -68
12 : #6d6155 : -66
14 : #6e6153 : -64
16 : #706151 : -62
18 : #72614f : -60
20 : #74614e : -58
22 : #76614c : -56
24 : #78614a : -54
26 : #7a6148 : -52
28 : #7c6146 : -50
30 : #7e6144 : -48
32 : #806142 : -46
34 : #826140 : -44
36 : #84613e : -42
38 : #86613c : -40
40 : #88613a : -38
42 : #8a6138 : -36
44 : #8c6136 : -34
46 : #8d6134 : -32
48 : #8f6132 : -30
50 : #916130 : -28
52 : #93612f : -26
54 : #95612d : -24
56 : #97612b : -22
58 : #996129 : -20
60 : #9b6127 : -18
62 : #9d6125 : -16
64 : #9f6123 : -14
66 : #a16121 : -12
68 : #a3611f : -10
70 : #a5611d : -8
72 : #a7611b : -6
74 : #a96119 : -4
76 : #ab6117 : -2
78 : #ac6115 : ±0
80 : #ae6113 : +2
82 : #b06111 : +4
84 : #b26110 : +6
86 : #b4610e : +8
88 : #b6610c : +10
90 : #b8610a : +12
92 : #ba6108 : +14
94 : #bc6106 : +16
96 : #be6104 : +18
98 : #c06102 : +20
100 : #c26100 : +22
L : 明度 ( 38% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -38
2 : #090501 : -36
4 : #120a02 : -34
6 : #1b0f03 : -32
8 : #241404 : -30
10 : #2d1a06 : -28
12 : #361f07 : -26
14 : #402408 : -24
16 : #492909 : -22
18 : #522e0a : -20
20 : #5b330b : -18
22 : #64380c : -16
24 : #6d3d0d : -14
26 : #76420f : -12
28 : #7f4710 : -10
30 : #884d11 : -8
32 : #915212 : -6
34 : #9a5713 : -4
36 : #a35c14 : -2
38 : #ac6115 : ±0
40 : #b66616 : +2
42 : #bf6b18 : +4
44 : #c87019 : +6
46 : #d1751a : +8
48 : #da7a1b : +10
50 : #e3801c : +12
52 : #e48525 : +14
54 : #e58a2e : +16
56 : #e68f37 : +18
58 : #e79440 : +20
60 : #e99949 : +22
62 : #ea9e53 : +24
64 : #eba35c : +26
66 : #eca865 : +28
68 : #edad6e : +30
70 : #eeb377 : +32
72 : #efb880 : +34
74 : #f0bd89 : +36
76 : #f2c292 : +38
78 : #f3c79b : +40
80 : #f4cca4 : +42
82 : #f5d1ad : +44
84 : #f6d6b6 : +46
86 : #f7dbbf : +48
88 : #f8e0c9 : +50
90 : #f9e6d2 : +52
92 : #fbebdb : +54
94 : #fcf0e4 : +56
96 : #fdf5ed : +58
98 : #fefaf6 : +60
100 : #ffffff : +62
CSS入門、作ってます。
text-shadow