#beb5bf
RGB
赤 | 190 |
---|---|
緑 | 181 |
青 | 191 |
HSL
色相 | 294° |
---|---|
彩度 | 7% |
明度 | 73% |
輝度 | 72% |
3桁の色
補色
反転色
RGB ( 赤 = 190, 緑 = 181, 青 = 191 )
HSL ( 色相 = 294°, 彩度 = 7%, 明度 = 73% )
H : 色相 ( 294° )
(0°) 赤~黄~緑~青~紫 (359°)
4 : #bfb6b5 : -290
14 : #bfb8b5 : -280
24 : #bfb9b5 : -270
34 : #bfbbb5 : -260
44 : #bfbcb5 : -250
54 : #bfbeb5 : -240
64 : #bebfb5 : -230
74 : #bdbfb5 : -220
84 : #bbbfb5 : -210
94 : #babfb5 : -200
104 : #b8bfb5 : -190
114 : #b6bfb5 : -180
124 : #b5bfb6 : -170
134 : #b5bfb8 : -160
144 : #b5bfb9 : -150
154 : #b5bfbb : -140
164 : #b5bfbc : -130
174 : #b5bfbe : -120
184 : #b5bebf : -110
194 : #b5bdbf : -100
204 : #b5bbbf : -90
214 : #b5babf : -80
224 : #b5b8bf : -70
234 : #b5b6bf : -60
244 : #b6b5bf : -50
254 : #b8b5bf : -40
264 : #b9b5bf : -30
274 : #bbb5bf : -20
284 : #bcb5bf : -10
294 : #beb5bf : ±0
304 : #bfb5be : +10
314 : #bfb5bd : +20
324 : #bfb5bb : +30
334 : #bfb5ba : +40
344 : #bfb5b8 : +50
354 : #bfb5b6 : +60
284 : #bcb5bf : -10
285 : #bdb5bf : -9
286 : #bdb5bf : -8
287 : #bdb5bf : -7
288 : #bdb5bf : -6
289 : #bdb5bf : -5
290 : #bdb5bf : -4
291 : #beb5bf : -3
292 : #beb5bf : -2
293 : #beb5bf : -1
294 : #beb5bf : ±0
295 : #beb5bf : +1
296 : #beb5bf : +2
297 : #beb5bf : +3
298 : #bfb5bf : +4
299 : #bfb5bf : +5
300 : #bfb5bf : +6
301 : #bfb5bf : +7
302 : #bfb5bf : +8
303 : #bfb5be : +9
304 : #bfb5be : +10
S : 彩度 ( 7% )
(0%) 渋い ~ 鮮やか (100%)
1 : #bbb9bb : -6
3 : #bcb8bc : -4
5 : #bdb7be : -2
7 : #beb5bf : ±0
9 : #bfb4c0 : +2
11 : #c0b3c2 : +4
13 : #c1b1c3 : +6
15 : #c2b0c4 : +8
17 : #c4aec6 : +10
19 : #c5adc7 : +12
21 : #c6acc9 : +14
23 : #c7aaca : +16
25 : #c8a9cb : +18
27 : #c9a8cd : +20
29 : #caa6ce : +22
31 : #cba5cf : +24
33 : #cca3d1 : +26
35 : #cda2d2 : +28
37 : #cfa1d4 : +30
39 : #d09fd5 : +32
41 : #d19ed6 : +34
43 : #d29dd8 : +36
45 : #d39bd9 : +38
47 : #d49adb : +40
49 : #d598dc : +42
51 : #d697dd : +44
53 : #d796df : +46
55 : #d894e0 : +48
57 : #da93e1 : +50
59 : #db92e3 : +52
61 : #dc90e4 : +54
63 : #dd8fe6 : +56
65 : #de8de7 : +58
67 : #df8ce8 : +60
69 : #e08bea : +62
71 : #e189eb : +64
73 : #e288ec : +66
75 : #e387ee : +68
77 : #e585ef : +70
79 : #e684f1 : +72
81 : #e782f2 : +74
83 : #e881f3 : +76
85 : #e980f5 : +78
87 : #ea7ef6 : +80
89 : #eb7df7 : +82
91 : #ec7bf9 : +84
93 : #ed7afa : +86
95 : #ee79fc : +88
97 : #f077fd : +90
99 : #f176fe : +92
L : 明度 ( 73% )
(0%) 暗い ~ 明るい (100%)
1 : #030203 : -72
3 : #080708 : -70
5 : #0d0c0e : -68
7 : #131113 : -66
9 : #181519 : -64
11 : #1e1a1e : -62
13 : #231f23 : -60
15 : #282429 : -58
17 : #2e282e : -56
19 : #332d34 : -54
21 : #393239 : -52
23 : #3e373f : -50
25 : #433b44 : -48
27 : #49404a : -46
29 : #4e454f : -44
31 : #534a55 : -42
33 : #594e5a : -40
35 : #5e535f : -38
37 : #645865 : -36
39 : #695c6a : -34
41 : #6e6170 : -32
43 : #746675 : -30
45 : #796b7b : -28
47 : #7f6f80 : -26
49 : #847486 : -24
51 : #89798b : -22
53 : #8e7f90 : -20
55 : #938494 : -18
57 : #978a99 : -16
59 : #9c8f9e : -14
61 : #a195a3 : -12
63 : #a69aa7 : -10
65 : #aba0ac : -8
67 : #b0a5b1 : -6
69 : #b4aab5 : -4
71 : #b9b0ba : -2
73 : #beb5bf : ±0
75 : #c3bbc4 : +2
77 : #c8c0c8 : +4
79 : #ccc6cd : +6
81 : #d1cbd2 : +8
83 : #d6d1d7 : +10
85 : #dbd6db : +12
87 : #e0dce0 : +14
89 : #e5e1e5 : +16
91 : #e9e6ea : +18
93 : #eeecee : +20
95 : #f3f1f3 : +22
97 : #f8f7f8 : +24
99 : #fdfcfd : +26
CSS入門、作ってます。
text-shadow