#b68bb5
RGB
赤 | 182 |
---|---|
緑 | 139 |
青 | 181 |
HSL
色相 | 301° |
---|---|
彩度 | 23% |
明度 | 63% |
輝度 | 61% |
3桁の色
補色
反転色
RGB ( 赤 = 182, 緑 = 139, 青 = 181 )
HSL ( 色相 = 301°, 彩度 = 23%, 明度 = 63% )
H : 色相 ( 301° )
(0°) 赤~黄~緑~青~紫 (359°)
1 : #b68c8b : -300
11 : #b6938b : -290
21 : #b69a8b : -280
31 : #b6a18b : -270
41 : #b6a98b : -260
51 : #b6b08b : -250
61 : #b6b68b : -240
71 : #aeb68b : -230
81 : #a7b68b : -220
91 : #a0b68b : -210
101 : #99b68b : -200
111 : #91b68b : -190
121 : #8bb68c : -180
131 : #8bb693 : -170
141 : #8bb69a : -160
151 : #8bb6a1 : -150
161 : #8bb6a9 : -140
171 : #8bb6b0 : -130
181 : #8bb6b6 : -120
191 : #8baeb6 : -110
201 : #8ba7b6 : -100
211 : #8ba0b6 : -90
221 : #8b99b6 : -80
231 : #8b91b6 : -70
241 : #8c8bb6 : -60
251 : #938bb6 : -50
261 : #9a8bb6 : -40
271 : #a18bb6 : -30
281 : #a98bb6 : -20
291 : #b08bb6 : -10
301 : #b68bb6 : ±0
311 : #b68bae : +10
321 : #b68ba7 : +20
331 : #b68ba0 : +30
341 : #b68b99 : +40
351 : #b68b91 : +50
291 : #b08bb6 : -10
292 : #b18bb6 : -9
293 : #b18bb6 : -8
294 : #b28bb6 : -7
295 : #b38bb6 : -6
296 : #b38bb6 : -5
297 : #b48bb6 : -4
298 : #b58bb6 : -3
299 : #b68bb6 : -2
300 : #b68bb6 : -1
301 : #b68bb6 : ±0
302 : #b68bb5 : +1
303 : #b68bb4 : +2
304 : #b68bb3 : +3
305 : #b68bb3 : +4
306 : #b68bb2 : +5
307 : #b68bb1 : +6
308 : #b68bb1 : +7
309 : #b68bb0 : +8
310 : #b68baf : +9
311 : #b68bae : +10
S : 彩度 ( 23% )
(0%) 渋い ~ 鮮やか (100%)
1 : #a2a0a2 : -22
3 : #a39ea3 : -20
5 : #a59ca5 : -18
7 : #a79aa7 : -16
9 : #a998a9 : -14
11 : #ab96ab : -12
13 : #ad94ad : -10
15 : #af92ae : -8
17 : #b191b0 : -6
19 : #b38fb2 : -4
21 : #b48db4 : -2
23 : #b68bb6 : ±0
25 : #b889b7 : +2
27 : #ba87b9 : +4
29 : #bc85bb : +6
31 : #be83bd : +8
33 : #c082bf : +10
35 : #c280c1 : +12
37 : #c47ec2 : +14
39 : #c57cc4 : +16
41 : #c77ac6 : +18
43 : #c978c8 : +20
45 : #cb76ca : +22
47 : #cd74cc : +24
49 : #cf72cd : +26
51 : #d171cf : +28
53 : #d36fd1 : +30
55 : #d56dd3 : +32
57 : #d66bd5 : +34
59 : #d869d6 : +36
61 : #da67d8 : +38
63 : #dc65da : +40
65 : #de63dc : +42
67 : #e061de : +44
69 : #e260e0 : +46
71 : #e45ee1 : +48
73 : #e65ce3 : +50
75 : #e75ae5 : +52
77 : #e958e7 : +54
79 : #eb56e9 : +56
81 : #ed54eb : +58
83 : #ef52ec : +60
85 : #f150ee : +62
87 : #f34ff0 : +64
89 : #f54df2 : +66
91 : #f74bf4 : +68
93 : #f849f5 : +70
95 : #fa47f7 : +72
97 : #fc45f9 : +74
99 : #fe43fb : +76
L : 明度 ( 63% )
(0%) 暗い ~ 明るい (100%)
1 : #030203 : -62
3 : #090609 : -60
5 : #100a10 : -58
7 : #160e16 : -56
9 : #1c121c : -54
11 : #231622 : -52
13 : #291a29 : -50
15 : #2f1d2f : -48
17 : #352135 : -46
19 : #3c253b : -44
21 : #422941 : -42
23 : #482d48 : -40
25 : #4e314e : -38
27 : #553554 : -36
29 : #5b395a : -34
31 : #613d61 : -32
33 : #684167 : -30
35 : #6e456d : -28
37 : #744973 : -26
39 : #7a4d7a : -24
41 : #815180 : -22
43 : #875486 : -20
45 : #8d588c : -18
47 : #935c92 : -16
49 : #9a6099 : -14
51 : #9f659e : -12
53 : #a36ca2 : -10
55 : #a772a6 : -8
57 : #ab78aa : -6
59 : #ae7eae : -4
61 : #b285b2 : -2
63 : #b68bb6 : ±0
65 : #ba91ba : +2
67 : #be97be : +4
69 : #c29ec2 : +6
71 : #c6a4c5 : +8
73 : #caaac9 : +10
75 : #ceb1cd : +12
77 : #d2b7d1 : +14
79 : #d6bdd5 : +16
81 : #dac3d9 : +18
83 : #decadd : +20
85 : #e2d0e1 : +22
87 : #e5d6e5 : +24
89 : #e9dce9 : +26
91 : #ede3ed : +28
93 : #f1e9f1 : +30
95 : #f5eff5 : +32
97 : #f9f6f9 : +34
99 : #fdfcfd : +36
CSS入門、作ってます。
text-shadow