# Color picker

**URL:** <https://foros.velneo.com/t/color-picker/5702>\
**Category:** Compartir código fuente y ejemplos\
**Created:** [3 Diciembre, 2012 21:24 UTC](https://foros.velneo.com/t/color-picker/5702 "2012-12-03T21:24:06Z")\
**Posts on this page:** 11\
**Page:** 1

<div class="post-metadata">

**Author:** ![manuel.rd](https://yyz1.discourse-cdn.com/flex035/user_avatar/foros.velneo.com/manuel.rd/32/3508_2.png) [@manuel.rd](https://foros.velneo.com/u/manuel.rd)\
**Post date:** [3 Diciembre, 2012 21:24 UTC](https://foros.velneo.com/t/color-picker/5702/1 "2012-12-03T21:24:06Z")

</div>

Buenas,  
un pequeño aporte

Requiere 7.11 [attachment=26987,2105]

[ColorPicker.zip](https://canada1.discourse-cdn.com/flex035/uploads/velneo/original/2X/f/f75127c19b03425e7c4b08d6a023507916d8dc4f.zip) (10.7 KB)

[ColorPicker.zip](https://canada1.discourse-cdn.com/flex035/uploads/velneo/original/2X/f/f75127c19b03425e7c4b08d6a023507916d8dc4f.zip) (10.7 KB)

---

<div class="post-metadata">

**Author:** ![manuel.rd](https://yyz1.discourse-cdn.com/flex035/user_avatar/foros.velneo.com/manuel.rd/32/3508_2.png) [@manuel.rd](https://foros.velneo.com/u/manuel.rd)\
**Post date:** [3 Diciembre, 2012 22:08 UTC](https://foros.velneo.com/t/color-picker/5702/2 "2012-12-03T22:08:52Z")

</div>

Referencias  
[http://blog.ruslans.com/2010/12/cute-quick-colorpicker.html](http://blog.ruslans.com/2010/12/cute-quick-colorpicker.html)  
[https://github.com/silverio/qt/blob/master/colorpicker/colorpicker.qml](https://github.com/silverio/qt/blob/master/colorpicker/colorpicker.qml)

---

<div class="post-metadata">

**Author:** ![manuel.rd](https://yyz1.discourse-cdn.com/flex035/user_avatar/foros.velneo.com/manuel.rd/32/3508_2.png) [@manuel.rd](https://foros.velneo.com/u/manuel.rd)\
**Post date:** [3 Diciembre, 2012 22:09 UTC](https://foros.velneo.com/t/color-picker/5702/3 "2012-12-03T22:09:32Z")

</div>

Hay un error en el qml que no cambia el color del panel cuando se cambia el color base, si alguno de los entendidos los arregla por favor postearlo

---

<div class="post-metadata">

**Author:** ![bitcodesoft](https://avatars.discourse-cdn.com/v4/letter/b/2acd7d/32.png) [@bitcodesoft](https://foros.velneo.com/u/bitcodesoft)\
**Post date:** [4 Diciembre, 2012 01:50 UTC](https://foros.velneo.com/t/color-picker/5702/4 "2012-12-04T01:50:14Z")

</div>

Cambiar en la linea 19 **hueSlider.value** por **ColorUtils.hsba(hueSlider.value, 1.0, 1.0, 1.0, 1.0)**:  
`// saturation/brightness picker box SBPicker { id: sbPicker <strong>hueColor : hueSlider.value</strong> // cambiar por ColorUtils.hsba(hueSlider.value, 1.0, 1.0, 1.0, 1.0) width: parent.height; height: parent.height }`

---

<div class="post-metadata">

**Author:** ![manuel.rd](https://yyz1.discourse-cdn.com/flex035/user_avatar/foros.velneo.com/manuel.rd/32/3508_2.png) [@manuel.rd](https://foros.velneo.com/u/manuel.rd)\
**Post date:** [4 Diciembre, 2012 02:44 UTC](https://foros.velneo.com/t/color-picker/5702/5 "2012-12-04T02:44:07Z")

</div>

Perfecto @bitcodesoft,  
subo el vin modificado.

Añado además, que si se quiere devolver el canal alfa del color: cambiar en la linea 13  
**colorValue.toString()** por **ColorUtils.fullColorString(colorPicker.colorValue, alphaSlider.value)**

[attachment=26997,2106]

[ColorPicker.zip](https://canada1.discourse-cdn.com/flex035/uploads/velneo/original/2X/5/5a424b890d0f9b16a05acac58714616c57b84c63.zip) (4.68 KB)

[ColorPicker.zip](https://canada1.discourse-cdn.com/flex035/uploads/velneo/original/2X/5/5a424b890d0f9b16a05acac58714616c57b84c63.zip) (4.68 KB)

---

<div class="post-metadata">

**Author:** ![velavisual1](https://avatars.discourse-cdn.com/v4/letter/v/dbc845/32.png) [@velavisual1](https://foros.velneo.com/u/velavisual1)\
**Post date:** [4 Diciembre, 2012 09:04 UTC](https://foros.velneo.com/t/color-picker/5702/6 "2012-12-04T09:04:19Z")

</div>

@manuel.rd.gmail @bitcodesoft

Gracias por el aporte

saludos  
Antonio Vela  
[http://www.velavisual.com](http://www.velavisual.com)

---

<div class="post-metadata">

**Author:** ![asesoria-entreplazas](https://avatars.discourse-cdn.com/v4/letter/a/bb73d2/32.png) [@asesoria-entreplazas](https://foros.velneo.com/u/asesoria-entreplazas)\
**Post date:** [4 Diciembre, 2012 10:27 UTC](https://foros.velneo.com/t/color-picker/5702/7 "2012-12-04T10:27:50Z")

</div>

Gracias Manuel

---

<div class="post-metadata">

**Author:** ![danitorros](https://avatars.discourse-cdn.com/v4/letter/d/7bcc69/32.png) [@danitorros](https://foros.velneo.com/u/danitorros)\
**Post date:** [8 Diciembre, 2017 11:33 UTC](https://foros.velneo.com/t/color-picker/5702/8 "2017-12-08T11:33:56Z")

</div>

Hola,

he utilizado el selector de color que hay en los ejercicios de Paco Satué,

¿alguien sabe indicarme como puedo capturar y guardar el color en el formulario, para alimentar datos de una rejilla?

siempre se queda guardado el color que indica en la propiedad color en el codigo qml:

ColorDialog {  
id: colorDialog  
visible: colorDialogVisible.checked  
modality: colorDialogModal.checked ? Qt.WindowModal : Qt.NonModal  
title: “Choose a color”  
color: “blue”  
showAlphaChannel: colorDialogAlpha.checked  
onAccepted: { console.log("Accepted: " + color) }  
onRejected: { console.log(“Rejected”) }  
}

saludos

![image](https://cdck-file-uploads-canada1.s3.dualstack.ca-central-1.amazonaws.com/flex035/uploads/velneo/original/2X/c/cab7321d5b7b24c275a59af9500a83eff462c1ec.png)

---

<div class="post-metadata">

**Author:** ![manuel.rd](https://yyz1.discourse-cdn.com/flex035/user_avatar/foros.velneo.com/manuel.rd/32/3508_2.png) [@manuel.rd](https://foros.velneo.com/u/manuel.rd)\
**Post date:** [8 Diciembre, 2017 22:18 UTC](https://foros.velneo.com/t/color-picker/5702/9 "2017-12-08T22:18:10Z")

</div>

Paso el valor a una variable local del QML y luego la lees.

---

<div class="post-metadata">

**Author:** ![danitorros](https://avatars.discourse-cdn.com/v4/letter/d/7bcc69/32.png) [@danitorros](https://foros.velneo.com/u/danitorros)\
**Post date:** [12 Diciembre, 2017 01:42 UTC](https://foros.velneo.com/t/color-picker/5702/10 "2017-12-12T01:42:31Z")

</div>

Hola Manuel,

gracias por responder, pero no he conseguido capturar el color desde el formulario QML, en un formulario o en una rejilla de Velneo.

[http://doc.qt.io/qt-5/qtquickdialogs-systemdialogs-colordialogs-qml.html](http://doc.qt.io/qt-5/qtquickdialogs-systemdialogs-colordialogs-qml.html)

si te interesa asesorarme en este ejercicio y me indicas el precio, este es mi correo electrónico:

[dani-torro@hotmail.com](mailto:dani-torro@hotmail.com)

gracias

saludos

---

<div class="post-metadata">

**Author:** ![manuel.rd](https://yyz1.discourse-cdn.com/flex035/user_avatar/foros.velneo.com/manuel.rd/32/3508_2.png) [@manuel.rd](https://foros.velneo.com/u/manuel.rd)\
**Post date:** [12 Diciembre, 2017 08:58 UTC](https://foros.velneo.com/t/color-picker/5702/11 "2017-12-12T08:58:20Z")

</div>

En el onAccepted: { theRoot.setVar(“COLOR”, color) }

Debes revisar la documentación con respecto a QML de las clases javascript para poder avanzar.
