#baa387
RGB
赤 | 186 |
---|---|
緑 | 163 |
青 | 135 |
HSL
色相 | 33° |
---|---|
彩度 | 27% |
明度 | 63% |
輝度 | 65% |
3桁の色
補色
反転色
RGB ( 赤 = 186, 緑 = 163, 青 = 135 )
HSL ( 色相 = 33°, 彩度 = 27%, 明度 = 63% )
H : 色相 ( 33° )
(0°) 赤~黄~緑~青~紫 (359°)
3 : #ba8a87 : -30
13 : #ba9287 : -20
23 : #ba9b87 : -10
33 : #baa387 : ±0
43 : #baac87 : +10
53 : #bab487 : +20
63 : #b8ba87 : +30
73 : #afba87 : +40
83 : #a7ba87 : +50
93 : #9eba87 : +60
103 : #96ba87 : +70
113 : #8dba87 : +80
123 : #87ba8a : +90
133 : #87ba92 : +100
143 : #87ba9b : +110
153 : #87baa3 : +120
163 : #87baac : +130
173 : #87bab4 : +140
183 : #87b8ba : +150
193 : #87afba : +160
203 : #87a7ba : +170
213 : #879eba : +180
223 : #8796ba : +190
233 : #878dba : +200
243 : #8a87ba : +210
253 : #9287ba : +220
263 : #9b87ba : +230
273 : #a387ba : +240
283 : #ac87ba : +250
293 : #b487ba : +260
303 : #ba87b8 : +270
313 : #ba87af : +280
323 : #ba87a7 : +290
333 : #ba879e : +300
343 : #ba8796 : +310
353 : #ba878d : +320
23 : #ba9b87 : -10
24 : #ba9c87 : -9
25 : #ba9c87 : -8
26 : #ba9d87 : -7
27 : #ba9e87 : -6
28 : #ba9f87 : -5
29 : #baa087 : -4
30 : #baa187 : -3
31 : #baa187 : -2
32 : #baa287 : -1
33 : #baa387 : ±0
34 : #baa487 : +1
35 : #baa587 : +2
36 : #baa687 : +3
37 : #baa787 : +4
38 : #baa787 : +5
39 : #baa887 : +6
40 : #baa987 : +7
41 : #baaa87 : +8
42 : #baab87 : +9
43 : #baac87 : +10
S : 彩度 ( 27% )
(0%) 渋い ~ 鮮やか (100%)
1 : #a2a1a0 : -26
3 : #a3a19e : -24
5 : #a5a19c : -22
7 : #a7a19a : -20
9 : #a9a198 : -18
11 : #aba296 : -16
13 : #ada294 : -14
15 : #afa292 : -12
17 : #b1a291 : -10
19 : #b3a28f : -8
21 : #b4a38d : -6
23 : #b6a38b : -4
25 : #b8a389 : -2
27 : #baa387 : ±0
29 : #bca385 : +2
31 : #bea483 : +4
33 : #c0a482 : +6
35 : #c2a480 : +8
37 : #c4a47e : +10
39 : #c5a47c : +12
41 : #c7a57a : +14
43 : #c9a578 : +16
45 : #cba576 : +18
47 : #cda574 : +20
49 : #cfa572 : +22
51 : #d1a571 : +24
53 : #d3a66f : +26
55 : #d5a66d : +28
57 : #d6a66b : +30
59 : #d8a669 : +32
61 : #daa667 : +34
63 : #dca765 : +36
65 : #dea763 : +38
67 : #e0a761 : +40
69 : #e2a760 : +42
71 : #e4a75e : +44
73 : #e6a85c : +46
75 : #e7a85a : +48
77 : #e9a858 : +50
79 : #eba856 : +52
81 : #eda854 : +54
83 : #efa852 : +56
85 : #f1a950 : +58
87 : #f3a94f : +60
89 : #f5a94d : +62
91 : #f7a94b : +64
93 : #f8a949 : +66
95 : #faaa47 : +68
97 : #fcaa45 : +70
99 : #feaa43 : +72
L : 明度 ( 63% )
(0%) 暗い ~ 明るい (100%)
1 : #030302 : -62
3 : #0a0806 : -60
5 : #100d09 : -58
7 : #17120d : -56
9 : #1d1811 : -54
11 : #241d14 : -52
13 : #2a2218 : -50
15 : #31271c : -48
17 : #372d20 : -46
19 : #3e3223 : -44
21 : #443727 : -42
23 : #4a3c2b : -40
25 : #51412f : -38
27 : #574732 : -36
29 : #5e4c36 : -34
31 : #64513a : -32
33 : #6b563d : -30
35 : #715c41 : -28
37 : #786145 : -26
39 : #7e6649 : -24
41 : #856b4c : -22
43 : #8b7150 : -20
45 : #927654 : -18
47 : #987b57 : -16
49 : #9f805b : -14
51 : #a48560 : -12
53 : #a88a67 : -10
55 : #ab8f6d : -8
57 : #af9474 : -6
59 : #b3997a : -4
61 : #b69e81 : -2
63 : #baa387 : ±0
65 : #bea88e : +2
67 : #c2ad94 : +4
69 : #c5b29b : +6
71 : #c9b7a1 : +8
73 : #cdbca8 : +10
75 : #d0c1ae : +12
77 : #d4c6b5 : +14
79 : #d8cbbb : +16
81 : #dcd0c1 : +18
83 : #dfd5c8 : +20
85 : #e3dace : +22
87 : #e7dfd5 : +24
89 : #ebe4db : +26
91 : #eee9e2 : +28
93 : #f2eee8 : +30
95 : #f6f3ef : +32
97 : #f9f8f5 : +34
99 : #fdfdfc : +36
CSS入門、作ってます。
text-shadow