#871 #887711
RGB
| 赤 | 136 |
|---|---|
| 緑 | 119 |
| 青 | 17 |
HSL
| 色相 | 51° |
|---|---|
| 彩度 | 78% |
| 明度 | 30% |
| 輝度 | 44% |
３桁の色
補色
反転色
色の名前 （丸角は、色コード）
RGB ( 赤 = 136, 緑 = 119, 青 = 17 )
HSL ( 色相 = 51°, 彩度 = 78%, 明度 = 30% )
H : 色相 ( 51° )
(0°) 赤～黄～緑～青～紫 (359°)
1 : #881311 : -50
11 : #882711 : -40
21 : #883b11 : -30
31 : #884e11 : -20
41 : #886211 : -10
51 : #887611 : ±0
61 : #868811 : +10
71 : #728811 : +20
81 : #5e8811 : +30
91 : #4b8811 : +40
101 : #378811 : +50
111 : #238811 : +60
121 : #118813 : +70
131 : #118827 : +80
141 : #11883b : +90
151 : #11884e : +100
161 : #118862 : +110
171 : #118876 : +120
181 : #118688 : +130
191 : #117288 : +140
201 : #115e88 : +150
211 : #114b88 : +160
221 : #113788 : +170
231 : #112388 : +180
241 : #131188 : +190
251 : #271188 : +200
261 : #3b1188 : +210
271 : #4e1188 : +220
281 : #621188 : +230
291 : #761188 : +240
301 : #881186 : +250
311 : #881172 : +260
321 : #88115e : +270
331 : #88114b : +280
341 : #881137 : +290
351 : #881123 : +300
41 : #886211 : -10
42 : #886411 : -9
43 : #886611 : -8
44 : #886811 : -7
45 : #886a11 : -6
46 : #886c11 : -5
47 : #886e11 : -4
48 : #887011 : -3
49 : #887211 : -2
50 : #887411 : -1
51 : #887611 : ±0
52 : #887811 : +1
53 : #887a11 : +2
54 : #887c11 : +3
55 : #887e11 : +4
56 : #888011 : +5
57 : #888211 : +6
58 : #888411 : +7
59 : #888611 : +8
60 : #888811 : +9
61 : #868811 : +10
S : 彩度 ( 78% )
(0%) 渋い ～ 鮮やか (100%)
0 : #4c4c4c : -78
2 : #4e4e4b : -76
4 : #504f49 : -74
6 : #515048 : -72
8 : #535146 : -70
10 : #545245 : -68
12 : #565343 : -66
14 : #575442 : -64
16 : #595540 : -62
18 : #5a563f : -60
20 : #5c573d : -58
22 : #5d583c : -56
24 : #5f593a : -54
26 : #605a39 : -52
28 : #625b37 : -50
30 : #635d36 : -48
32 : #655e34 : -46
34 : #675f32 : -44
36 : #686031 : -42
38 : #6a612f : -40
40 : #6b622e : -38
42 : #6d632c : -36
44 : #6e642b : -34
46 : #706529 : -32
48 : #716628 : -30
50 : #736726 : -28
52 : #746825 : -26
54 : #766923 : -24
56 : #776a22 : -22
58 : #796c20 : -20
60 : #7a6d1f : -18
62 : #7c6e1d : -16
64 : #7d6f1c : -14
66 : #7f701a : -12
68 : #817118 : -10
70 : #827217 : -8
72 : #847315 : -6
74 : #857414 : -4
76 : #877512 : -2
78 : #887611 : ±0
80 : #8a770f : +2
82 : #8b780e : +4
84 : #8d790c : +6
86 : #8e7b0b : +8
88 : #907c09 : +10
90 : #917d08 : +12
92 : #937e06 : +14
94 : #947f05 : +16
96 : #968003 : +18
98 : #978102 : +20
100 : #998200 : +22
L : 明度 ( 30% )
(0%) 暗い ～ 明るい (100%)
0 : #000000 : -30
2 : #090801 : -28
4 : #121002 : -26
6 : #1b1803 : -24
8 : #242004 : -22
10 : #2d2706 : -20
12 : #362f07 : -18
14 : #403708 : -16
16 : #493f09 : -14
18 : #52470a : -12
20 : #5b4f0b : -10
22 : #64570c : -8
24 : #6d5f0d : -6
26 : #76660f : -4
28 : #7f6e10 : -2
30 : #887611 : ±0
32 : #917e12 : +2
34 : #9a8613 : +4
36 : #a38e14 : +6
38 : #ac9615 : +8
40 : #b69e16 : +10
42 : #bfa618 : +12
44 : #c8ad19 : +14
46 : #d1b51a : +16
48 : #dabd1b : +18
50 : #e3c51c : +20
52 : #e4c725 : +22
54 : #e5ca2e : +24
56 : #e6cc37 : +26
58 : #e7ce40 : +28
60 : #e9d149 : +30
62 : #ead353 : +32
64 : #ebd55c : +34
66 : #ecd865 : +36
68 : #edda6e : +38
70 : #eedc77 : +40
72 : #efdf80 : +42
74 : #f0e189 : +44
76 : #f2e392 : +46
78 : #f3e69b : +48
80 : #f4e8a4 : +50
82 : #f5eaad : +52
84 : #f6ecb6 : +54
86 : #f7efbf : +56
88 : #f8f1c9 : +58
90 : #f9f3d2 : +60
92 : #fbf6db : +62
94 : #fcf8e4 : +64
96 : #fdfaed : +66
98 : #fefdf6 : +68
100 : #ffffff : +70
CSS入門、作ってます。
text-shadow