# ColorPicker

**URL:** <https://foros.velneo.com/t/colorpicker/9817>\
**Category:** Velneo\
**Created:** [6 Abril, 2018 15:51 UTC](https://foros.velneo.com/t/colorpicker/9817 "2018-04-06T15:51:08Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![tempsmollet](https://avatars.discourse-cdn.com/v4/letter/t/977dab/32.png) [@tempsmollet](https://foros.velneo.com/u/tempsmollet)\
**Post date:** [6 Abril, 2018 15:51 UTC](https://foros.velneo.com/t/colorpicker/9817/1 "2018-04-06T15:51:08Z")

</div>

Hola Foro,

Estoy intentando utilizar la aplicación ColorPicker y he podido averiguar que desde la actualización a la QML2, la ventana donde se mostrava la paleta de colores ahora solo se muestran el negro y el rojo.

¿Hay alguien que utilice la aplicación ColorPicker y tenga solucionado este tema con la adaptación a QML2?

Dejo dos imágenes de como era antes y como es ahora.

Saludos

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

![image](https://cdck-file-uploads-canada1.s3.dualstack.ca-central-1.amazonaws.com/flex035/uploads/velneo/original/2X/0/05f85b540b884738e91afe1f0b6bc565aacd980d.jpg)

---

<div class="post-metadata">

**Author:** ![pacosatu](https://yyz1.discourse-cdn.com/flex035/user_avatar/foros.velneo.com/pacosatu/32/5131_2.png) [@pacosatu](https://foros.velneo.com/u/pacosatu)\
**Post date:** [8 Abril, 2018 10:00 UTC](https://foros.velneo.com/t/colorpicker/9817/2 "2018-04-08T10:00:34Z")

</div>

Hola Ramon.

Tienes la alternativa directa en QML2, el tipo [ColorDialog](http://doc.qt.io/qt-5/qml-qtquick-dialogs-colordialog.html).

Saludos  
Paco Satué

---

<div class="post-metadata">

**Author:** ![tempsmollet](https://avatars.discourse-cdn.com/v4/letter/t/977dab/32.png) [@tempsmollet](https://foros.velneo.com/u/tempsmollet)\
**Post date:** [9 Abril, 2018 15:52 UTC](https://foros.velneo.com/t/colorpicker/9817/3 "2018-04-09T15:52:20Z")

</div>

Hola Paco,

Gracias por apuntarme esa solución.

Como puedo hacer ¿para poder recoger en una variable, el resultado de la selección del color con el Color Dialog?

Saludos

---

<div class="post-metadata">

**Author:** ![sergioinfortic](https://avatars.discourse-cdn.com/v4/letter/s/e8c25b/32.png) [@sergioinfortic](https://foros.velneo.com/u/sergioinfortic)\
**Post date:** [12 Abril, 2018 08:59 UTC](https://foros.velneo.com/t/colorpicker/9817/4 "2018-04-12T08:59:58Z")

</div>

Hola.

Defines la variable en el form, y sería algo así:

```auto
import QtQuick 2.2
import QtQuick.Controls 1.2
import QtQuick.Dialogs 1.1

Item {

 width: 300
 height: 300
 SystemPalette { id: palette }
 clip: true

 ColorDialog {
  id: colorDialog
  modality: Qt.WindowModal
  title: "Seleccionar un color"
  color: "green"
  showAlphaChannel: false
  onAccepted: { theRoot.setVar('COLOR', color.toString() ); }
  onRejected: { theRoot.setVar('COLOR', '' ); }   
 }    
 Rectangle {
    id: cuadroColor;
     anchors.fill: parent;
   color: colorDialog.color
   border.color: "black"
   MouseArea {
    anchors.fill: parent
    onClicked: colorDialog.open()
   }
 }
 Label {
    id: colorLabel
  text: "<b>Seleccionado:</b> " + colorDialog.color
 }     
}

```

---

<div class="post-metadata">

**Author:** ![tempsmollet](https://avatars.discourse-cdn.com/v4/letter/t/977dab/32.png) [@tempsmollet](https://foros.velneo.com/u/tempsmollet)\
**Post date:** [12 Abril, 2018 10:25 UTC](https://foros.velneo.com/t/colorpicker/9817/5 "2018-04-12T10:25:15Z")

</div>

Muchas gracias Sergio,

Con ese código se soluciona por completo el tema de poder seleccionar un color de la paleta disponible, y poder posteriormente asignar ese color Hexadecimal a nuestra conveniencia.

Saludos