#ab760d
RGB
赤 | 171 |
---|---|
緑 | 118 |
青 | 13 |
HSL
色相 | 40° |
---|---|
彩度 | 86% |
明度 | 36% |
輝度 | 48% |
3桁の色
補色
反転色
色の名前 (丸角は、色コード)
RGB ( 赤 = 171, 緑 = 118, 青 = 13 )
HSL ( 色相 = 40°, 彩度 = 86%, 明度 = 36% )
H : 色相 ( 40° )
(0°) 赤~黄~緑~青~紫 (359°)
0 : #ab0d0d : -40
10 : #ab270d : -30
20 : #ab410d : -20
30 : #ab5c0d : -10
40 : #ab760d : ±0
50 : #ab900d : +10
60 : #abab0d : +20
70 : #90ab0d : +30
80 : #76ab0d : +40
90 : #5cab0d : +50
100 : #41ab0d : +60
110 : #27ab0d : +70
120 : #0dab0d : +80
130 : #0dab27 : +90
140 : #0dab41 : +100
150 : #0dab5c : +110
160 : #0dab76 : +120
170 : #0dab90 : +130
180 : #0dabab : +140
190 : #0d90ab : +150
200 : #0d76ab : +160
210 : #0d5cab : +170
220 : #0d41ab : +180
230 : #0d27ab : +190
240 : #0d0dab : +200
250 : #270dab : +210
260 : #410dab : +220
270 : #5c0dab : +230
280 : #760dab : +240
290 : #900dab : +250
300 : #ab0dab : +260
310 : #ab0d90 : +270
320 : #ab0d76 : +280
330 : #ab0d5c : +290
340 : #ab0d41 : +300
350 : #ab0d27 : +310
30 : #ab5c0d : -10
31 : #ab5e0d : -9
32 : #ab610d : -8
33 : #ab640d : -7
34 : #ab660d : -6
35 : #ab690d : -5
36 : #ab6c0d : -4
37 : #ab6e0d : -3
38 : #ab710d : -2
39 : #ab730d : -1
40 : #ab760d : ±0
41 : #ab790d : +1
42 : #ab7b0d : +2
43 : #ab7e0d : +3
44 : #ab810d : +4
45 : #ab830d : +5
46 : #ab860d : +6
47 : #ab890d : +7
48 : #ab8b0d : +8
49 : #ab8e0d : +9
50 : #ab900d : +10
S : 彩度 ( 86% )
(0%) 渋い ~ 鮮やか (100%)
0 : #5b5b5b : -86
2 : #5e5c5a : -84
4 : #5f5d58 : -82
6 : #615e56 : -80
8 : #635e54 : -78
10 : #655f53 : -76
12 : #675f51 : -74
14 : #69604f : -72
16 : #6a614d : -70
18 : #6c614b : -68
20 : #6e6249 : -66
22 : #706348 : -64
24 : #726346 : -62
26 : #746444 : -60
28 : #766442 : -58
30 : #776540 : -56
32 : #79663e : -54
34 : #7b663d : -52
36 : #7d673b : -50
38 : #7f6739 : -48
40 : #816837 : -46
42 : #826935 : -44
44 : #846933 : -42
46 : #866a32 : -40
48 : #886a30 : -38
50 : #8a6b2e : -36
52 : #8c6c2c : -34
54 : #8d6c2a : -32
56 : #8f6d28 : -30
58 : #916e27 : -28
60 : #936e25 : -26
62 : #956f23 : -24
64 : #976f21 : -22
66 : #98701f : -20
68 : #9a711d : -18
70 : #9c711c : -16
72 : #9e721a : -14
74 : #a07218 : -12
76 : #a27316 : -10
78 : #a37414 : -8
80 : #a57412 : -6
82 : #a77511 : -4
84 : #a9760f : -2
86 : #ab760d : ±0
88 : #ad770b : +2
90 : #ae7709 : +4
92 : #b07807 : +6
94 : #b27906 : +8
96 : #b47904 : +10
98 : #b67a02 : +12
100 : #b87a00 : +14
L : 明度 ( 36% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -36
2 : #090701 : -34
4 : #130d01 : -32
6 : #1c1402 : -30
8 : #261a03 : -28
10 : #2f2104 : -26
12 : #392704 : -24
14 : #422e05 : -22
16 : #4c3406 : -20
18 : #553b06 : -18
20 : #5f4207 : -16
22 : #684808 : -14
24 : #724f09 : -12
26 : #7b5509 : -10
28 : #855c0a : -8
30 : #8e620b : -6
32 : #98690b : -4
34 : #a1700c : -2
36 : #ab760d : ±0
38 : #b47d0e : +2
40 : #be830e : +4
42 : #c78a0f : +6
44 : #d19010 : +8
46 : #da9710 : +10
48 : #e49d11 : +12
50 : #eda412 : +14
52 : #eea81b : +16
54 : #efab25 : +18
56 : #efaf2e : +20
58 : #f0b338 : +22
60 : #f1b641 : +24
62 : #f1ba4b : +26
64 : #f2be54 : +28
66 : #f3c15e : +30
68 : #f4c567 : +32
70 : #f4c871 : +34
72 : #f5cc7a : +36
74 : #f6d084 : +38
76 : #f6d38d : +40
78 : #f7d797 : +42
80 : #f8dba0 : +44
82 : #f9deaa : +46
84 : #f9e2b3 : +48
86 : #fae6bd : +50
88 : #fbe9c6 : +52
90 : #fbedd0 : +54
92 : #fcf0d9 : +56
94 : #fdf4e3 : +58
96 : #fef8ec : +60
98 : #fefbf6 : +62
100 : #ffffff : +64
CSS入門、作ってます。
text-shadow