Fluorescent colors for Web

Community Beginner ,
Jan 03, 2022 Jan 03, 2022

Copy link to clipboard

Copied

Hello

 

I'm working on these images usign a bright green, i save for web and I get totally different colors.

The green are not bright, grays are other.

What is happening? I'm working on RGB mode obviously.

Can some one give me some tips?

 

Thank you.

TOPICS
Import and export

Views

88

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
community guidelines
Adobe Community Professional ,
Jan 03, 2022 Jan 03, 2022

Copy link to clipboard

Copied

What are your color settings in Illustrator? and what ICC Profile is assigned to the document?

If, for instance, you are using Adobe RGB, PNGs get exported without an ICC profile (untagged), so are assumed (by PNG specifications) to be sRGB by anything you view it in that is not color managed: This would cause the difference you see viewing it in Preview.

You can however, embed a different profile with JPG export, checking the ICC Pofile box (

Screen Shot 2022-01-03 at 12.38.29 PM.png

making sure the "Convert to sRGB" button is unchecked in the pulldown)

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
community guidelines
Community Beginner ,
Jan 03, 2022 Jan 03, 2022

Copy link to clipboard

Copied

Thank You Brad! It works.

But I export PNG i get silly colors.

Do you think there is a solution for PNG?

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
community guidelines
Adobe Community Professional ,
Jan 03, 2022 Jan 03, 2022

Copy link to clipboard

Copied

You could use a certain ICC profile for your Document Color Profile in Illustrator.

Because Illustrator uses that profile when exporting to png, but does not embed it, you must assign that profile later in an application like Photoshop or Apple Preview.

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
community guidelines
Adobe Community Professional ,
Jan 03, 2022 Jan 03, 2022

Copy link to clipboard

Copied

If you truly want to emded an ICC profile export your file ("Export As") as JPG (or even better, something lossless like TIF), embedding the Adobe RGB ICC, then opening that in Photoshop and resaving as PNG there. PS allows you to embedded a profile in PNG files. This so no guarantee that your image's color space will be honoured across various applications and browsers, but for those that do, it's your best shot.

Otherwise, work in sRGB instead from the getgo, accepting the fact you may not be able to achieve that brilliant green which is outside sRGB's gamut.

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
community guidelines
Adobe Community Professional ,
Jan 03, 2022 Jan 03, 2022

Copy link to clipboard

Copied

The problem with exporting as jpeg or tiff is that you lose transparency.

Export as png, assign the profile in another app and save.

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
community guidelines
Adobe Community Professional ,
Jan 03, 2022 Jan 03, 2022

Copy link to clipboard

Copied

Indeed, but I don't think this is an issue for the OP

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
community guidelines
Community Beginner ,
Jan 04, 2022 Jan 04, 2022

Copy link to clipboard

Copied

LATEST

I would do that.

I create an action, that open an illustrator file and save it to PNG.

Actually the best way.

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
community guidelines