Highlighted

Exporting H.264 colours don't match – RGB, Hex

New Here ,
Jun 12, 2020

Copy link to clipboard

Copied

When I export a project in After Effects through Media Encoder to a H.264 the colours are slightly mismatched?

 

I’m matching up a shade of white by RGB and Hex values so I don’t see any reason why they’re being translated differently? Hex #F7F7F7 or RGB 247/247/247

 

I need to keep file size down so that’s why I’m using H.264 and I’m uploading to my personal website. I originally wanted to export as a transparent as I have a drop shadow on the edges of the video, but this isn’t possible exporting in H.264. So to get around this I’m making the video background the same colour as the background of the website, so once I upload the vid to the website the edges will be seamless.

 

Here’s a link to the page. As you can see there’s a white silhouette around the video.  

https://timsiu.com/WWW

I've also attached a screengrab test, but it's harder to see the differences.

 

Can anyone help?

Topics

Import and export

Views

119

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more

Exporting H.264 colours don't match – RGB, Hex

New Here ,
Jun 12, 2020

Copy link to clipboard

Copied

When I export a project in After Effects through Media Encoder to a H.264 the colours are slightly mismatched?

 

I’m matching up a shade of white by RGB and Hex values so I don’t see any reason why they’re being translated differently? Hex #F7F7F7 or RGB 247/247/247

 

I need to keep file size down so that’s why I’m using H.264 and I’m uploading to my personal website. I originally wanted to export as a transparent as I have a drop shadow on the edges of the video, but this isn’t possible exporting in H.264. So to get around this I’m making the video background the same colour as the background of the website, so once I upload the vid to the website the edges will be seamless.

 

Here’s a link to the page. As you can see there’s a white silhouette around the video.  

https://timsiu.com/WWW

I've also attached a screengrab test, but it's harder to see the differences.

 

Can anyone help?

Topics

Import and export

Views

120

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Most Valuable Participant ,
Jun 13, 2020

Copy link to clipboard

Copied

You need to educate yourself about the limitations of video formats, in particular ones that use aggressive compression schemes with chroma undersampling like H.264 does. Conversely, you have to learn how generally some video processing limits color ranges, messes with Gamma or how each of the underlying blocks may have a slightly different color and influences perception. That and of course none of this matters even further if you're not using any actual color management. It's utterly pointless to get worked up over specific hex codes or RGB values without it. That is also the irony here - even if you get it to look right on your system, it may still look wrong elsewhere. And there's the final dent in your whole operation: Using certain colors such as your faint grey will always be problematic under these conditions. It's inherent in how H.264 works. So while it certainly will be possible to improve the result with lots of trial & error using additional tweaks and color corrections, it will never be 100% perfect. There's no way around some limitations and ultimately the old rule applies: Changing the design to completely disguise these inaccuracies may be necessary.

 

Mylenium

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
New Here ,
Jun 15, 2020

Copy link to clipboard

Copied

Thanks for the reply.

So there's no colour matching in video then through RGB, Hex coding. Ok got it. 

Sorry, I'm not technically sound on video and yes I probably could educate myself on the limitations of video formats. " That is also the irony here" - If I was technically sound on video formatting, I wonder if I would be posting up on here?

 

If anyone else has any other solutions to matching as close as possible whilst keeping file size down, it would be appreciated. 

Kind regards

Tim

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...