screen_rotation
Copied to Clipboard
<!DOCTYPE html> <html> <head> <script src="https://unpkg.com/vue@3/dist/vue.global.js"></script> </head> <body> <h4>Vue.js Convert RGB Color to Hexa Color</h4> <div id="app"> <p> RGB Color : rgb({{r}}, {{g}}, {{b}})</p> <div :style="{ backgroundColor: rgbToHex(r, g, b) }"> Hexa Color: {{ rgbToHex(r, g, b) }} </div> </div> <script type="module"> const app = Vue.createApp({ data() { return { r: 122, g: 118, b: 123, } }, methods: { rgbToHex(r, g, b) { let hex = ((r << 16) | (g << 8) | b).toString(16); return "#" + "0".repeat(6 - hex.length) + hex; } }, }); app.mount('#app'); </script> </body> </html>