Hi, I am trying to turn an RGB number into an RGBA. I have Googled it but all I can find is RGBA to RGB.

Is there a simple way to make an RGBA number of better still use RGB in CSS.  I tried to change this code from RGBA to HEX.

 

-moz-box-shadow: inset 0 -3px 0 rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 -3px 0 rgba(0, 0, 150, 0.05);

}

 

You can't change RGBA to HEX. The A in RGBA is the opacity  - something you don't get in a HEX code.

So all you need to do is add the 4th parameter to your RGB.

But why are you still messing with CSS when the site structure and content needs sorting?

Because the design is harder to do.  Get the design sorted then work on content.

How can I get the color from my logo into the CSS.

bright blue #00A1E9
dark blue #236599

 

this is a good site for colour conversions and picking http://hslpicker.com/#5900ff

if you want the value of a rendered rgba colour as a hex you would need to colour something with that value against a white background and then sample the rendered result like in the attached screen shot (using colorzilla plugin for example in chrome) 

3 hours ago, justlukeyou said:

Because the design is harder to do.  Get the design sorted then work on content.

How can I get the color from my logo into the CSS.

The design is the easy bit - you are just making it hard for yourself. Buy a $30 template and it's all done for you.

If you have the developer tools set up in your browser it should contain an eyedropper tool that will give you the hex code when you hover. Or use a tool like this: https://html-color-codes.info/colors-from-image/

The content is by far the hardest part of any website. It will take you months of writing and rewriting until you get it right. The design doesn't matter all that much - nobody really cares but you.

except the typography sucks because it's a dense wall of text  buyina  theme would help immensely with that. the design should establish trust and authority - it's looks amateurish and hard to read then it will be an obstacle to people wanting to read it (they take one look and think does this guy know what he's talking about and can he do anything for me) so people do care about the design as a gateway to the content - it doesn't have to be the world's best design but it should be presented in a reasonably professional way that's clear and visually easy to read.  

24 minutes ago, davep said:

except the typography sucks because it's a dense wall of text  buyina  theme would help immensely with that. the design should establish trust and authority - it's looks amateurish and hard to read then it will be an obstacle to people wanting to read it (they take one look and think does this guy know what he's talking about and can he do anything for me) so people do care about the design as a gateway to the content - it doesn't have to be the world's best design but it should be presented in a reasonably professional way that's clear and visually easy to read.  

I have tried Wordpress a number of times before but I can't find a nice slick design.  When I download the theme it often looks nothing like the theme example.

What theme would you use?

WP would help especially with mobile.  Just need a decent theme.

 

 

The theme doesn’t matter right now. If you want to use wordpress get it installed and focus on the site structure, content, navigation, calls to action, trustmarks, imagery and so on.

Once all this is done you can then choose a theme.

The demos you have looked at were configured by experts. Getting yours to look the same often means hours and hours of reading and experimenting.

I say again: the theme doesn’t matter. You just need to make sure it’s clean, simple and easy to use. If the content is good then people will use the site.

Edited October 20, 20187 yr by fisicx

I want to get the design sorted.  I now have a design for my homepage but I can't even fathom how I can turn it into a WP site.

I have been working on imagery like this page. https://mydronecareer.com/industry/become-a-drone-pilot.php

 

 

Hey, you can't change RGBA to HEX.

3 hours ago, Liposys said:

Hey, you can't change RGBA to HEX.

hey actually you can but probably wouldn't want to because support isn't *that* great https://css-tricks.com/8-digit-hex-codes/  Also not much point responding to posts that are 2 years old  easy to miss i know

In my opinion, You can't change RGBA to HEX. The A in RGBA is the opacity  - something you don't get in a HEX code.

12 minutes ago, Kisseziu said:

In my opinion, You can't change RGBA to HEX. The A in RGBA is the opacity  - something you don't get in a HEX code.

technically you can https://css-tricks.com/8-digit-hex-codes/ but no enough support

You can't change RGBA to HEX. The A in RGBA is the opacity

12 hours ago, Eatia said:

You can't change RGBA to HEX. The A in RGBA is the opacity

technically you can https://css-tricks.com/8-digit-hex-codes/ but not enough support