websave colors?

[theFlashWizard]

Ey mensjes..
Ik ben bezig met een website voor een bedrijf en loop tegen het volgende probleem aan.
ik had een blauwe kleur uitgekozen die goed paste bij hun bestaande huisstijl:
#2F5E9C
maar als ik een plaatje, met die kleur in de achtergrond (met die kleur) zet, voor bijv schaduw klopt het niet met de achtergrond. Een erg groot verschil qua kleur.

dus ik dacht ik klik ff dat webkleuren aan in me Illustrator en toen kwam er deze kleur uit:
#336699
dus ik hoopte dat dat voldoende zou zijn maar helaas.. ik had nog steeds n aanzienlijk verschil van kleur.

dus ik zoeken op Inet op websave kleuren.. kom ik dit lijstje tegen:
http://www.php-specialists.nl/resources/colorchart.htm

maar de kleur die het dichtste bij mijn gekoze kleur zit verschilt er toch een boel van.. ben ik echt beperkt tot die lijst met kleuren?

owja firefox gaf geen problemen met kleuren, alleen me internet explorer.

alvast bedankt!

[mknol]

Dit probleem kan aan meerdere dingen liggen:
- Je scherm staat ingesteld op 16-bit. Dan krijg je op 1 of andere manier een soort verschil zoals je zegt.
- Het ligt er ook aan hoe je het opslaat. Een gif met 'selective' kleuren hoort hetzelfde te zijn als de hex-kleuren
- Ik weet niet of je png gebruikt, maar ik zou het niet aanraden. Heb er zelf ook wel eens last van gehad. Dus vanaf nu is het voor mij alleen gif/jpg.

Verders zou ik controleren (heb je vast al gedaan, maar toch), of je je kleuren in je html en van je plaatje wel overeen komen.

Anders moet je even een voorbeeldje posten of wij ook verschil zien.

[theFlashWizard]

ik denk niet dat et lag aan de bits,
Perceptueel, selectief, aangepast en restictief(web) lijkt ook niks uit te maken
maar een png of gif gebruiken maakte wel verschil.. ik gebruikte png en nu zie ik dat er geen verschil is met de webkleur die ik in illustrator had geslecteerd en me achtergrond :)

en em.. dat die niet overeen kwamen was juist het probleem ;)

oplossing was dus geen png maar gif te gebruiken en alleen uit de webkleuren te kiezen die photoshop / illustrator aanbieden.
thnx mknol! :)

erg vreemd dat firefox het wel goed pakt.. maar ik weet dat firefox bijv wel de doorzichtigheid in png's ondersteund en IE nog niet.. heeft IE een verouderde png lezer ofzo? :S

[mknol]

IE ondersteund idd geen transparante png. Dit zou echt een pluspunt zijn als dat erbij kwam in de nieuwe versie. Ik weet niet hoe het precies zit, maar volgens mij vind IE png's gewoon rot, omdat het een "anti-gif":D is en bedoelt is voor open-source doeleinden

http://nl.wikipedia.org/wiki/PNG

http://www.flashfocus.nl/forum/showthread.php?t=4521

[theFlashWizard]

homor..
wel n btje vervelend alleen..
owja.. 1 tipje
volgens mij als je in css bijv een divje een achtergrond plaatje wil geven, voor firefox een png, en voor IE een gif. dan kan je dat zo ondermekaar zetten:

background: url(shadowAlpha.png) no-repeat bottom right !important;
background: url(shadow.gif) no-repeat bottom right;

omdat !important ook niet ondersteunt wordt door IE werkt et volgens mij..
Kheb et uit dit artiekel:

That “!important” bit tells the browser that the declaration is to take precedence over normal declarations for the same element (see the spec). It also happens to be unsupported in all versions of Internet Explorer, which also lack native support for transparent PNG’s. It’s almost too convenient. By specifying controversial declarations twice, we get the desired behavior (IE takes the second one, most other browsers the first one). The end result is that, were the background color to change, browsers that support PNG would maintain a perfectly transparent shadow. Sadly, Explorer’s shadow will stay with its original background color.
http://www.alistapart.com/articles/cssdropshadows/

ik zie dat je er nog een link bij had gezet..
kan iemand me heel mischien globaal uitleggen wat dat script op die post doet?
want Kben eigenlijk wel benieuwd hoe n javascript script de weergave van plaatjes in IE kan bewerken..
alvast bedankt!

[mech7]

Het script zoekt alleen naar png plaatjes en voegt dat IE filter als attribuut toe, zodat je dat niet in je html code hoeft te zetten...

Andere browsers negeren het wel, alleen je pagina valideert niet meer.

*Note dit werkt dus alleen voor png in html.. in css is er nog geen goede oplossing het is mogelijk speciale CSS in je html te zetten binnen de conditional statements.. Maar ik heb hier maar gedeeltelijk succes mee gehad.

Een voorbeeld is hier te vinden waar het bij mij wel werkt, png binnen css in IE.

http://mech7.net/tmp/sumi/xhtml/

[theFlashWizard]

aha.. wat n work around he.. :|
maar jij hebt nu inline stylesheets gebruikt.. je kan et zeker niet extern neerzetten?

Wel *** dat het niet meer valideert.. want in dit geval is vindbaarheid, en de mate dat het geindexeerd wordt dus belanrkijk en validatie speelde daarin ook n rol.

[mech7]

Op deze manier valideert de pagina dus wel.. als je het zonder javascript doet en dus wel de IE filter hard in de html zet dat valideert je pagina niet meer ;)

Gebruikte script: http://dean.edwards.name/IE7/

Er zit wel een nadeel aan in dat is dat IE de muis functies kan verliezen zo kan het zijn dat je geen text kan selecteren, of dat links niet meer werken..
Dit schijnt volgens de maker een bekende bug te zijn, het vreemde is alleen dat op deze site van mij dat niet het geval is, waardoor ben ik weer vergeten is tijdje geleden, maar ik heb er wel koppijn van gehad igv :p

Mischien is dit onderhand al gefixed maar dat weet ik niet...


Edit* Overigens schijnen er geloof ik maar 250 echte websafe colors te zijn.. maarja je ben gek als je je daar aan gaat houden :P

[theFlashWizard]

ik ga denk ik maar voortaan 3 cijferige hex codes gebruiken.. volgens mij kan et dan bijna niet fout..
bijv #FF9900 (oranje)
wordt dan: #F90

maar bedankt voor alle info :)