Penpot generating the wrong hex color code

Help us improve Penpot
1

I have self-hosted penpot. I selected a background color RGB (255,255,250) for the artboard, however in the html code for the background color in hex is showing as “background: #fffffaFF;”. As you can see there is an extra FF at the end. Why is this happening?

Complete code:

html, body {
margin: 0;
min-height: 100%;
min-width: 100%;
padding: 0;
}

body {
display: flex;
flex-direction: column;
align-items: center;
width: 100vw;
min-height: 100vh;
}

  • {
    box-sizing: border-box;
    }

.text-node { background-clip: text !important; -webkit-background-clip: text !important; }

/* HOME-PAGE-AB */
.homepage-246bf0cf55ae {
position: relative;
width: 360px;
height: 720px;
background: #fffffaFF;
border-radius: 0px 0px 0px 0px;
box-shadow: ;
z-index: 0;
}

2

The final FF indicates the alpha channel, in this case the hexadecimal value of FF is equivalent to 100% opacity. FF indicates a value of 256, in hexadecimal, which is the maximum in the scale of values ​​used that goes from 0 to 256.
F=15; FF=F*16 +F=240+16=256
So in reality the code is not wrong, it just happened a transformation from rgb triplet to hexadecimal, with the completion of the alpha channel that does not change the color itself.

2 Likes