#bfbbb5
RGB
赤 | 191 |
---|---|
緑 | 187 |
青 | 181 |
HSL
色相 | 36° |
---|---|
彩度 | 7% |
明度 | 73% |
輝度 | 74% |
3桁の色
補色
反転色
RGB ( 赤 = 191, 緑 = 187, 青 = 181 )
HSL ( 色相 = 36°, 彩度 = 7%, 明度 = 73% )
H : 色相 ( 36° )
(0°) 赤~黄~緑~青~紫 (359°)
6 : #bfb6b5 : -30
16 : #bfb8b5 : -20
26 : #bfbab5 : -10
36 : #bfbbb5 : ±0
46 : #bfbdb5 : +10
56 : #bfbeb5 : +20
66 : #bebfb5 : +30
76 : #bcbfb5 : +40
86 : #bbbfb5 : +50
96 : #b9bfb5 : +60
106 : #b8bfb5 : +70
116 : #b6bfb5 : +80
126 : #b5bfb6 : +90
136 : #b5bfb8 : +100
146 : #b5bfba : +110
156 : #b5bfbb : +120
166 : #b5bfbd : +130
176 : #b5bfbe : +140
186 : #b5bebf : +150
196 : #b5bcbf : +160
206 : #b5bbbf : +170
216 : #b5b9bf : +180
226 : #b5b8bf : +190
236 : #b5b6bf : +200
246 : #b6b5bf : +210
256 : #b8b5bf : +220
266 : #bab5bf : +230
276 : #bbb5bf : +240
286 : #bdb5bf : +250
296 : #beb5bf : +260
306 : #bfb5be : +270
316 : #bfb5bc : +280
326 : #bfb5bb : +290
336 : #bfb5b9 : +300
346 : #bfb5b8 : +310
356 : #bfb5b6 : +320
26 : #bfbab5 : -10
27 : #bfbab5 : -9
28 : #bfbab5 : -8
29 : #bfbab5 : -7
30 : #bfbab5 : -6
31 : #bfbab5 : -5
32 : #bfbab5 : -4
33 : #bfbbb5 : -3
34 : #bfbbb5 : -2
35 : #bfbbb5 : -1
36 : #bfbbb5 : ±0
37 : #bfbbb5 : +1
38 : #bfbbb5 : +2
39 : #bfbcb5 : +3
40 : #bfbcb5 : +4
41 : #bfbcb5 : +5
42 : #bfbcb5 : +6
43 : #bfbcb5 : +7
44 : #bfbcb5 : +8
45 : #bfbdb5 : +9
46 : #bfbdb5 : +10
S : 彩度 ( 7% )
(0%) 渋い ~ 鮮やか (100%)
1 : #bbbab9 : -6
3 : #bcbbb8 : -4
5 : #bebbb7 : -2
7 : #bfbbb5 : ±0
9 : #c0bbb4 : +2
11 : #c2bcb3 : +4
13 : #c3bcb1 : +6
15 : #c4bcb0 : +8
17 : #c6bcae : +10
19 : #c7bdad : +12
21 : #c9bdac : +14
23 : #cabdaa : +16
25 : #cbbea9 : +18
27 : #cdbea8 : +20
29 : #cebea6 : +22
31 : #cfbea5 : +24
33 : #d1bfa3 : +26
35 : #d2bfa2 : +28
37 : #d4bfa1 : +30
39 : #d5c09f : +32
41 : #d6c09e : +34
43 : #d8c09d : +36
45 : #d9c09b : +38
47 : #dbc19a : +40
49 : #dcc198 : +42
51 : #ddc197 : +44
53 : #dfc196 : +46
55 : #e0c294 : +48
57 : #e1c293 : +50
59 : #e3c292 : +52
61 : #e4c390 : +54
63 : #e6c38f : +56
65 : #e7c38d : +58
67 : #e8c38c : +60
69 : #eac48b : +62
71 : #ebc489 : +64
73 : #ecc488 : +66
75 : #eec487 : +68
77 : #efc585 : +70
79 : #f1c584 : +72
81 : #f2c582 : +74
83 : #f3c681 : +76
85 : #f5c680 : +78
87 : #f6c67e : +80
89 : #f7c67d : +82
91 : #f9c77b : +84
93 : #fac77a : +86
95 : #fcc779 : +88
97 : #fdc877 : +90
99 : #fec876 : +92
L : 明度 ( 73% )
(0%) 暗い ~ 明るい (100%)
1 : #030302 : -72
3 : #080807 : -70
5 : #0e0d0c : -68
7 : #131211 : -66
9 : #191715 : -64
11 : #1e1c1a : -62
13 : #23221f : -60
15 : #292724 : -58
17 : #2e2c28 : -56
19 : #34312d : -54
21 : #393632 : -52
23 : #3f3b37 : -50
25 : #44413b : -48
27 : #4a4640 : -46
29 : #4f4b45 : -44
31 : #55504a : -42
33 : #5a554e : -40
35 : #5f5a53 : -38
37 : #656058 : -36
39 : #6a655c : -34
41 : #706a61 : -32
43 : #756f66 : -30
45 : #7b746b : -28
47 : #807a6f : -26
49 : #867f74 : -24
51 : #8b8479 : -22
53 : #90897f : -20
55 : #948e84 : -18
57 : #99938a : -16
59 : #9e988f : -14
61 : #a39d95 : -12
63 : #a7a29a : -10
65 : #aca7a0 : -8
67 : #b1aca5 : -6
69 : #b5b1aa : -4
71 : #bab6b0 : -2
73 : #bfbbb5 : ±0
75 : #c4c0bb : +2
77 : #c8c5c0 : +4
79 : #cdcac6 : +6
81 : #d2cfcb : +8
83 : #d7d4d1 : +10
85 : #dbd9d6 : +12
87 : #e0dedc : +14
89 : #e5e3e1 : +16
91 : #eae8e6 : +18
93 : #eeedec : +20
95 : #f3f2f1 : +22
97 : #f8f7f7 : +24
99 : #fdfcfc : +26
CSS入門、作ってます。
text-shadow