/ Forside / Teknologi / Udvikling / HTML / Nyhedsindlæg
Login
Glemt dit kodeord?
Brugernavn

Kodeord


Reklame
Top 10 brugere
HTML
#NavnPoint
molokyle 11184
Klaudi 5506
bentjuul 3377
severino 2040
smorch 1950
strarup 1525
natmaden 1396
scootergr.. 1320
e.c 1150
10  miritdk 1110
Findes der en god (visuel) HSL - RGB conve~
Fra : Stig Johansen


Dato : 08-12-09 13:53

Hej.

For at sige det lige ud, så kan jeg ikke rigtig finde ud af at
'ekstrapolere' farveprøver til et større billede/perspektiv.

I den forbindelse kunne jeg godt tænke mig en 'color picker', der viser
farverne i lidt større perspektiv end de 'color pickers', der findes rundt
omkring i diverse programmer.

RGB giver ~ 1,7 mio farver, og de color pickers jeg har, viser kun et lille
(bitte) udsnit.

Ud over det kniber med at placere cursoren, så synes jeg det er svært at
holde sig inde for samme farveskala.

Men så vidt jeg kan se, så kan man vha HSL bevæge sig inden for samme skala:
http://www.w3.org/TR/css3-color/#colorunits

Så jeg påtænker at lave en 'color picker', baseret på HSL, og konverteret
til RGB, men hvis det findes i forvejen, er det lidt blødt:
"udsæt aldrig til i morgen, hvad du kan stjæle på nettet i dag"

Jeg har lavet noget mock-up her:
http://w-o-p-r.dk/tips/hsl.converter.asp
Hvor tanken er, at jeg laver sliders for hhv. Hue, Saturation og Lightness.

Men findes der sådan et værktøj?

--
Med venlig hilsen/Best regards
Stig Johansen




 
 
Jørgen Farum Jensen (08-12-2009)
Kommentar
Fra : Jørgen Farum Jensen


Dato : 08-12-09 14:48

Stig Johansen skrev:

> Men findes der sådan et værktøj?

Sikkert, men hvis du har en bare nogenlunde
begavet grafikprogram, omfatter det et sådant
værktøj. Jeg har siden forrige århundrede brugt
forskellige versioner af Paintshop Pro, alle
forsynet med en farvecirkel hvor du kan bevæge
cursoren hen over cirklen og samtidigt læse
såvel HSL som RGB som hexværdier for den farve
cursoren er over.

Det online program jeg husker er
http://meyerweb.com/eric/tools/color-blend/

Men googler du efter color blender eller color
slider er jeg ret sikker på at du kan finde
lignende.

Det nyttige ved dit program er uden tvivl den
store flade. Men jeg har nu den vane simpelthen
at lave en stor firkant i Paintshop og fylde
den farve i, jeg vil teste. Det har den fordel
at jeg hurtigt kan indsætt mindre figurer og
tekst i forskellige andre farver for at vurdere
et samlet udseende.

Mit største problem er uden tvivl min manglende
sans for, hvad der er smukt og hvad der er mindre
smukt.


--

Med venlig hilsen
Jørgen Farum Jensen
Håndbog i webdesign: http://webdesign101.dk/wwwbog/udgave2/
Webdesign med stylesheets: http://webdesign101.dk/cssbog/
..

Stig Johansen (08-12-2009)
Kommentar
Fra : Stig Johansen


Dato : 08-12-09 17:28

Jørgen Farum Jensen wrote:

> Stig Johansen skrev:
>
>> Men findes der sådan et værktøj?
>
> Sikkert, men hvis du har en bare nogenlunde
> begavet grafikprogram, omfatter det et sådant
> værktøj.

Det har jeg nok ikke.
Jeg har kun nogle banale ting som Image Composer og den slags.

> Jeg har siden forrige århundrede brugt
> forskellige versioner af Paintshop Pro, alle
> forsynet med en farvecirkel hvor du kan bevæge
> cursoren hen over cirklen og samtidigt læse
> såvel HSL som RGB som hexværdier for den farve
> cursoren er over.

De programmer jeg har, har sådan en lille firkant, hvor jeg ikke rigtig kan
skille farverne ad.
Der er jo ca. 1,7 mio farver, der skal presses ned i noget der ligner
150x150 px.

Det med konvertering til RGB går ud på, at HSL tilsyneladende er CSS3, og
virker sikkert ikke i ældre/IE browsere.

> Men googler du efter color blender eller color
> slider er jeg ret sikker på at du kan finde
> lignende.

Det var ikke så slemt at lave det færdigt, så det gjorde jeg.
(Afhængig af hvordan man definerer 'færdigt')

Men jeg fik lavet det så man kan klikke på 'bjælkerne', og derfra vælge
farver.

'Slidermarkerne' kunne nok være mere intelligente, men indtil videre har jeg
bare brugt nogle sorte 'klodser':
<http://w-o-p-r.dk/tips/hsl.converter.asp>

> Det nyttige ved dit program er uden tvivl den
> store flade.

Det var lige præcis det jeg ver ude efter.
De color pickere jeg har, skal man nærmest bruge elektronmikroskop for at se
hvor man skal klikke.

> Men jeg har nu den vane simpelthen
> at lave en stor firkant i Paintshop og fylde
> den farve i, jeg vil teste.

Jeg kan nok gøre det samme, men det jeg var ude efter var en mere visuel
måde at vælge farven.

> Mit største problem er uden tvivl min manglende
> sans for, hvad der er smukt og hvad der er mindre
> smukt.

Jeg kan ikke designe, men som en gammel kollega sagde:
"Jeg kan ikke lægge æg, men jeg kan godt afgøre om det er råddent".

--
Med venlig hilsen
Stig Johansen

Steffen Nørregaard (08-12-2009)
Kommentar
Fra : Steffen Nørregaard


Dato : 08-12-09 15:08

Stig Johansen wrote in dk.edb.internet.webdesign.html:
> Hej.
>
> For at sige det lige ud, så kan jeg ikke rigtig finde ud af at
> 'ekstrapolere' farveprøver til et større billede/perspektiv.
>
> I den forbindelse kunne jeg godt tænke mig en 'color picker', der viser
> farverne i lidt større perspektiv end de 'color pickers', der findes rundt
> omkring i diverse programmer.
>
> RGB giver ~ 1,7 mio farver, og de color pickers jeg har, viser kun et lille
> (bitte) udsnit.
>
> Ud over det kniber med at placere cursoren, så synes jeg det er svært at
> holde sig inde for samme farveskala.
>
> Men så vidt jeg kan se, så kan man vha HSL bevæge sig inden for samme
skala:
> http://www.w3.org/TR/css3-color/#colorunits
>
> Så jeg påtænker at lave en 'color picker', baseret på HSL, og konverteret
> til RGB, men hvis det findes i forvejen, er det lidt blødt:
> "udsæt aldrig til i morgen, hvad du kan stjæle på nettet i dag"
>
> Jeg har lavet noget mock-up her:
> http://w-o-p-r.dk/tips/hsl.converter.asp
> Hvor tanken er, at jeg laver sliders for hhv. Hue, Saturation og Lightness.
>
> Men findes der sådan et værktøj?
>
> --
> Med venlig hilsen/Best regards
> Stig Johansen
>
Det kan sikkert gøres meget mere sofostikeret, men her er en simpel metode,
hvis man som mig har MS publisher på sin PC.
Åbn et tomt dokument
Lav en passende stor firkant, og vælg flere udfyldningefarver og derefter
brugerdefineret.
Så vælger du udfyldningsfarven og kan så aflæse farvekoden i RGB, HSL eller
cmyk
mvh
Steffen Nørregaard

--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

Christian Kragh (08-12-2009)
Kommentar
Fra : Christian Kragh


Dato : 08-12-09 22:34

> For at sige det lige ud, så kan jeg ikke rigtig finde ud af at
> 'ekstrapolere' farveprøver til et større billede/perspektiv.
>
> I den forbindelse kunne jeg godt tænke mig en 'color picker', der viser
> farverne i lidt større perspektiv end de 'color pickers', der findes rundt
> omkring i diverse programmer.
>
> RGB giver ~ 1,7 mio farver, og de color pickers jeg har, viser kun et
> lille
> (bitte) udsnit.
>
> Ud over det kniber med at placere cursoren, så synes jeg det er svært at
> holde sig inde for samme farveskala.
>
> Men så vidt jeg kan se, så kan man vha HSL bevæge sig inden for samme
> skala:
> http://www.w3.org/TR/css3-color/#colorunits
>
> Så jeg påtænker at lave en 'color picker', baseret på HSL, og konverteret
> til RGB, men hvis det findes i forvejen, er det lidt blødt:
> "udsæt aldrig til i morgen, hvad du kan stjæle på nettet i dag"

Prøv at se følgende side...
http://colorschemedesigner.com/

Jeg har hentet den ned (alt java ect.) så jeg kan bruge den offline...

Den virker perfekt og man kan vælge alle de komplementærfarver man næsten
har lyst til...
Et virkelig godt stykke værktøj.

> Men findes der sådan et værktøj?
Jep...

Christian


Stig Johansen (09-12-2009)
Kommentar
Fra : Stig Johansen


Dato : 09-12-09 01:27

Christian Kragh wrote:

> Prøv at se følgende side...
> http://colorschemedesigner.com/

Den virker ikke i min Konqueror, giver blot en sort skærm pga. fejl i
javascript.

Dog kan jeg (næsnten) se den i min FF.

Mit syn er nok ikke hvad det har været, så jeg kan simpelthen ikke læse den
tekst på sort baggrund.

> Den virker perfekt og man kan vælge alle de komplementærfarver man næsten
> har lyst til...
> Et virkelig godt stykke værktøj.

Den mangler (så vidt jeg kan se) detaljeringsgraderne, som var det jeg var
ude efter.

Jeg lavede i stedet min egen:
<http://w-o-p-r.dk/tips/hsl.converter.asp>
Og det var specielt lightness jeg var ude efter.

Jeg kan ikke rigtig finde ud af det med farver, så nogle (=de fleste) gange
får jeg valgt en RGB værdi, der måske er lidt for mørk.

Nu kan jeg taste RGB værdierne ind, og så gøre dem lysere/mørkere eller
skifte nuancer.

Mit problem er, at der ikke rigtig er konsistens i RGB værdierne hvis de
lige skal tones lidt ned, så derfor HSL.

>> Men findes der sådan et værktøj?
> Jep...

Og nu findes der et til ;)

--
Med venlig hilsen
Stig Johansen

Bertel Lund Hansen (09-12-2009)
Kommentar
Fra : Bertel Lund Hansen


Dato : 09-12-09 08:58

Stig Johansen skrev:

> > http://colorschemedesigner.com/

> Den virker ikke i min Konqueror, giver blot en sort skærm pga. fejl i
> javascript.

   http://www.colorschemer.com/online.html

   http://www.colormatch.dk/

   http://www.colorblender.com/

--
Bertel
http://bertel.lundhansen.dk/         FIDUSO: http://fiduso.dk/

Stig Johansen (09-12-2009)
Kommentar
Fra : Stig Johansen


Dato : 09-12-09 10:16

Bertel Lund Hansen wrote:

> http://www.colorschemer.com/online.html

Har ikke HSL som valg, men kun RGB.

> http://www.colormatch.dk/
>
> http://www.colorblender.com/

Jeg var ude efter HSL, og ikke hverken RGB eller HSV.

Men jeg har lavet min egen 'color picker', så problemet er løst.

--
Med venlig hilsen
Stig Johansen

Christian Kragh (09-12-2009)
Kommentar
Fra : Christian Kragh


Dato : 09-12-09 10:33

> Den mangler (så vidt jeg kan se) detaljeringsgraderne, som var det jeg var
> ude efter.

Også nede i bunden hvor man kan vælge "Adjust Scheme"?

Christian


Stig Johansen (09-12-2009)
Kommentar
Fra : Stig Johansen


Dato : 09-12-09 11:55

Christian Kragh wrote:

>> Den mangler (så vidt jeg kan se) detaljeringsgraderne, som var det jeg
>> var ude efter.
>
> Også nede i bunden hvor man kan vælge "Adjust Scheme"?

Det ved jeg ikke, men sikkert nok.
Det jeg ser er:
<http://w-o-p-r.dk/images/color.picker.gif>
Muligvis er det smart, men jeg kan ikke rigtig se brugbarheden.

Kan du ikke lave en version, hvor det ikke er sort baggrund med grå tekster?

Som det ser ud nu, kan jeg ikke se brugbarheden.

Prøv at lave lidt om på baggrundsfarverne, og teksten, så almindelige
dødelige også kan se det.

--
Med venlig hilsen
Stig Johansen

Christian Kragh (09-12-2009)
Kommentar
Fra : Christian Kragh


Dato : 09-12-09 17:46

>> Også nede i bunden hvor man kan vælge "Adjust Scheme"?
>
> Det ved jeg ikke, men sikkert nok.
> Det jeg ser er:
> <http://w-o-p-r.dk/images/color.picker.gif>
> Muligvis er det smart, men jeg kan ikke rigtig se brugbarheden.

Se her:
http://www3.ckweb.dk/side.png

> Kan du ikke lave en version, hvor det ikke er sort baggrund med grå
> tekster?
> Som det ser ud nu, kan jeg ikke se brugbarheden.
> Prøv at lave lidt om på baggrundsfarverne, og teksten, så almindelige
> dødelige også kan se det.

Det er ikke min side, men jeg bruger den flittigt...

Christian


Stig Johansen (09-12-2009)
Kommentar
Fra : Stig Johansen


Dato : 09-12-09 20:57

Christian Kragh wrote:

> Se her:
> http://www3.ckweb.dk/side.png

Jo, men når jeg snakker brugbarhed (for mig), så kan jeg jo slet ikke se de
aktuelle farver i de sorte firkanter, hvor man kan justere saturation og
lightness.

Hvis du kigger på den jeg har lavet, så kan du se hvad jeg mener.

På den side du henviser til, skal jeg sidde og gætte mig frem til hvor jeg
skal klikke i de sorte på sorte firkanter, og netop fordi det er sort i
sort, så jeg jeg ikke se de sorte 'markeringer' på de sorte firkanter, så
jeg kan reelt ikke bruge den.

--
Med venlig hilsen
Stig Johansen

Søg
Reklame
Statistik
Spørgsmål : 177558
Tips : 31968
Nyheder : 719565
Indlæg : 6408914
Brugere : 218888

Månedens bedste
Årets bedste
Sidste års bedste