#be83b5
RGB
赤 | 190 |
---|---|
緑 | 131 |
青 | 181 |
HSL
色相 | 309° |
---|---|
彩度 | 31% |
明度 | 63% |
輝度 | 61% |
3桁の色
補色
反転色
RGB ( 赤 = 190, 緑 = 131, 青 = 181 )
HSL ( 色相 = 309°, 彩度 = 31%, 明度 = 63% )
H : 色相 ( 309° )
(0°) 赤~黄~緑~青~紫 (359°)
9 : #be8c83 : -300
19 : #be9683 : -290
29 : #bea083 : -280
39 : #bea983 : -270
49 : #beb383 : -260
59 : #bebd83 : -250
69 : #b5be83 : -240
79 : #abbe83 : -230
89 : #a2be83 : -220
99 : #98be83 : -210
109 : #8ebe83 : -200
119 : #84be83 : -190
129 : #83be8c : -180
139 : #83be96 : -170
149 : #83bea0 : -160
159 : #83bea9 : -150
169 : #83beb3 : -140
179 : #83bebd : -130
189 : #83b5be : -120
199 : #83abbe : -110
209 : #83a2be : -100
219 : #8398be : -90
229 : #838ebe : -80
239 : #8384be : -70
249 : #8c83be : -60
259 : #9683be : -50
269 : #a083be : -40
279 : #a983be : -30
289 : #b383be : -20
299 : #bd83be : -10
309 : #be83b5 : ±0
319 : #be83ab : +10
329 : #be83a2 : +20
339 : #be8398 : +30
349 : #be838e : +40
359 : #be8384 : +50
299 : #bd83be : -10
300 : #be83be : -9
301 : #be83bd : -8
302 : #be83bc : -7
303 : #be83bb : -6
304 : #be83ba : -5
305 : #be83b9 : -4
306 : #be83b8 : -3
307 : #be83b7 : -2
308 : #be83b6 : -1
309 : #be83b5 : ±0
310 : #be83b4 : +1
311 : #be83b3 : +2
312 : #be83b2 : +3
313 : #be83b1 : +4
314 : #be83b0 : +5
315 : #be83af : +6
316 : #be83ae : +7
317 : #be83ad : +8
318 : #be83ac : +9
319 : #be83ab : +10
S : 彩度 ( 31% )
(0%) 渋い ~ 鮮やか (100%)
1 : #a2a0a1 : -30
3 : #a39ea3 : -28
5 : #a59ca4 : -26
7 : #a79aa5 : -24
9 : #a998a7 : -22
11 : #ab96a8 : -20
13 : #ad94a9 : -18
15 : #af92ab : -16
17 : #b191ac : -14
19 : #b38fad : -12
21 : #b48daf : -10
23 : #b68bb0 : -8
25 : #b889b1 : -6
27 : #ba87b2 : -4
29 : #bc85b4 : -2
31 : #be83b5 : ±0
33 : #c082b6 : +2
35 : #c280b8 : +4
37 : #c47eb9 : +6
39 : #c57cba : +8
41 : #c77abc : +10
43 : #c978bd : +12
45 : #cb76be : +14
47 : #cd74c0 : +16
49 : #cf72c1 : +18
51 : #d171c2 : +20
53 : #d36fc4 : +22
55 : #d56dc5 : +24
57 : #d66bc6 : +26
59 : #d869c8 : +28
61 : #da67c9 : +30
63 : #dc65ca : +32
65 : #de63cc : +34
67 : #e061cd : +36
69 : #e260ce : +38
71 : #e45ed0 : +40
73 : #e65cd1 : +42
75 : #e75ad2 : +44
77 : #e958d4 : +46
79 : #eb56d5 : +48
81 : #ed54d6 : +50
83 : #ef52d7 : +52
85 : #f150d9 : +54
87 : #f34fda : +56
89 : #f54ddb : +58
91 : #f74bdd : +60
93 : #f849de : +62
95 : #fa47df : +64
97 : #fc45e1 : +66
99 : #fe43e2 : +68
L : 明度 ( 63% )
(0%) 暗い ~ 明るい (100%)
1 : #030203 : -62
3 : #0a0509 : -60
5 : #110910 : -58
7 : #170c16 : -56
9 : #1e101c : -54
11 : #251322 : -52
13 : #2b1728 : -50
15 : #321a2f : -48
17 : #391e35 : -46
19 : #3f213b : -44
21 : #462541 : -42
23 : #4d2847 : -40
25 : #542c4e : -38
27 : #5a3054 : -36
29 : #61335a : -34
31 : #683760 : -32
33 : #6e3a66 : -30
35 : #753e6d : -28
37 : #7c4173 : -26
39 : #824579 : -24
41 : #89487f : -22
43 : #904c85 : -20
45 : #964f8c : -18
47 : #9d5392 : -16
49 : #a45698 : -14
51 : #a95b9d : -12
53 : #ac62a1 : -10
55 : #b069a5 : -8
57 : #b36fa9 : -6
59 : #b776ad : -4
61 : #ba7db1 : -2
63 : #be83b5 : ±0
65 : #c18ab9 : +2
67 : #c591bd : +4
69 : #c897c1 : +6
71 : #cc9ec5 : +8
73 : #cfa5c9 : +10
75 : #d3abcd : +12
77 : #d7b2d1 : +14
79 : #dab9d5 : +16
81 : #dec0d9 : +18
83 : #e1c6dd : +20
85 : #e5cde1 : +22
87 : #e8d4e5 : +24
89 : #ecdae9 : +26
91 : #efe1ed : +28
93 : #f3e8f1 : +30
95 : #f6eef5 : +32
97 : #faf5f9 : +34
99 : #fdfcfd : +36
CSS入門、作ってます。
text-shadow