#bf706e
RGB
赤 | 191 |
---|---|
緑 | 112 |
青 | 110 |
HSL
色相 | 1° |
---|---|
彩度 | 39% |
明度 | 59% |
輝度 | 53% |
3桁の色
補色
反転色
RGB ( 赤 = 191, 緑 = 112, 青 = 110 )
HSL ( 色相 = 1°, 彩度 = 39%, 明度 = 59% )
H : 色相 ( 1° )
(0°) 赤~黄~緑~青~紫 (359°)
1 : #bf6f6e : ±0
11 : #bf7d6e : +10
21 : #bf8a6e : +20
31 : #bf986e : +30
41 : #bfa56e : +40
51 : #bfb36e : +50
61 : #bebf6e : +60
71 : #b0bf6e : +70
81 : #a3bf6e : +80
91 : #95bf6e : +90
101 : #87bf6e : +100
111 : #7abf6e : +110
121 : #6ebf6f : +120
131 : #6ebf7d : +130
141 : #6ebf8a : +140
151 : #6ebf98 : +150
161 : #6ebfa5 : +160
171 : #6ebfb3 : +170
181 : #6ebebf : +180
191 : #6eb0bf : +190
201 : #6ea3bf : +200
211 : #6e95bf : +210
221 : #6e87bf : +220
231 : #6e7abf : +230
241 : #6f6ebf : +240
251 : #7d6ebf : +250
261 : #8a6ebf : +260
271 : #986ebf : +270
281 : #a56ebf : +280
291 : #b36ebf : +290
301 : #bf6ebe : +300
311 : #bf6eb0 : +310
321 : #bf6ea3 : +320
331 : #bf6e95 : +330
341 : #bf6e87 : +340
351 : #bf6e7a : +350
351 : #bf6e7a : +350
352 : #bf6e79 : +351
353 : #bf6e77 : +352
354 : #bf6e76 : +353
355 : #bf6e74 : +354
356 : #bf6e73 : +355
357 : #bf6e72 : +356
358 : #bf6e70 : +357
359 : #bf6e6f : +358
0 : #bf6e6e : -1
1 : #bf6f6e : ±0
2 : #bf706e : +1
3 : #bf726e : +2
4 : #bf736e : +3
5 : #bf746e : +4
6 : #bf766e : +5
7 : #bf776e : +6
8 : #bf796e : +7
9 : #bf7a6e : +8
10 : #bf7b6e : +9
11 : #bf7d6e : +10
S : 彩度 ( 39% )
(0%) 渋い ~ 鮮やか (100%)
1 : #979595 : -38
3 : #9a9393 : -36
5 : #9c9191 : -34
7 : #9e8f8f : -32
9 : #a08d8d : -30
11 : #a28b8b : -28
13 : #a48989 : -26
15 : #a68787 : -24
17 : #a88585 : -22
19 : #aa8383 : -20
21 : #ac8180 : -18
23 : #ae7f7e : -16
25 : #b17d7c : -14
27 : #b37b7a : -12
29 : #b57978 : -10
31 : #b77776 : -8
33 : #b97574 : -6
35 : #bb7372 : -4
37 : #bd7170 : -2
39 : #bf6f6e : ±0
41 : #c16d6c : +2
43 : #c36b69 : +4
45 : #c56967 : +6
47 : #c86765 : +8
49 : #ca6563 : +10
51 : #cc6361 : +12
53 : #ce615f : +14
55 : #d05f5d : +16
57 : #d25d5b : +18
59 : #d45b59 : +20
61 : #d65957 : +22
63 : #d85755 : +24
65 : #da5552 : +26
67 : #dc5350 : +28
69 : #df514e : +30
71 : #e14f4c : +32
73 : #e34d4a : +34
75 : #e54b48 : +36
77 : #e74946 : +38
79 : #e94744 : +40
81 : #eb4542 : +42
83 : #ed4340 : +44
85 : #ef413e : +46
87 : #f13f3b : +48
89 : #f33d39 : +50
91 : #f63a37 : +52
93 : #f83835 : +54
95 : #fa3633 : +56
97 : #fc3431 : +58
99 : #fe322f : +60
L : 明度 ( 59% )
(0%) 暗い ~ 明るい (100%)
1 : #040202 : -58
3 : #0b0505 : -56
5 : #120808 : -54
7 : #190b0b : -52
9 : #200e0e : -50
11 : #271111 : -48
13 : #2e1514 : -46
15 : #351817 : -44
17 : #3c1b1a : -42
19 : #431e1e : -40
21 : #4a2121 : -38
23 : #522524 : -36
25 : #592827 : -34
27 : #602b2a : -32
29 : #672e2d : -30
31 : #6e3130 : -28
33 : #753433 : -26
35 : #7c3836 : -24
37 : #833b3a : -22
39 : #8a3e3d : -20
41 : #914140 : -18
43 : #984443 : -16
45 : #a04746 : -14
47 : #a74b49 : -12
49 : #ae4e4c : -10
51 : #b35351 : -8
53 : #b65a58 : -6
55 : #b9615f : -4
57 : #bc6867 : -2
59 : #bf6f6e : ±0
61 : #c27675 : +2
63 : #c57d7c : +4
65 : #c98483 : +6
67 : #cc8b8a : +8
69 : #cf9291 : +10
71 : #d29998 : +12
73 : #d5a09f : +14
75 : #d8a7a6 : +16
77 : #dbaead : +18
79 : #deb5b5 : +20
81 : #e1bcbc : +22
83 : #e5c3c3 : +24
85 : #e8caca : +26
87 : #ebd1d1 : +28
89 : #eed8d8 : +30
91 : #f1dfdf : +32
93 : #f4e6e6 : +34
95 : #f7eded : +36
97 : #faf4f4 : +38
99 : #fdfbfb : +40
CSS入門、作ってます。
text-shadow