# Color Selector
Um componente Streamlit para seleção de cores com suporte a cores sólidas e gradientes lineares.
## Instalação
```sh
pip install color-selector
```
## Como usar
```python
import streamlit as st
from color_selector import color_selector
# Lista de cores disponíveis (cores sólidas e gradientes)
colors = [
{"name": "Vermelho", "color": "#FF0000"},
{"name": "Azul", "color": "#0000FF"},
{"name": "Verde", "color": "#00FF00"},
{"name": "Gradiente Azul-Verde", "color": ["#0000FF", "#00FF00"]},
{"name": "Gradiente Vermelho-Amarelo", "color": ["#FF0000", "#FFFF00"]},
{"name": "Gradiente Arco-íris", "color": ["#FF0000", "#00FF00", "#0000FF"]}
]
# Usar o componente
selected_color = color_selector(colors=colors, key="color_picker")
st.write(f"Cor selecionada: {selected_color}")
```
## Funcionalidades
- Seleção visual de cores com bolinhas coloridas
- Suporte a cores sólidas (hex, rgb, hsl)
- Suporte a gradientes lineares (lista de cores)
- Layout responsivo e minimalista
- Interface limpa sem títulos ou informações extras
- Integração perfeita com Streamlit
## Formato das Cores
### Cores Sólidas
```python
{"name": "Nome da Cor", "color": "#FF0000"}
```
### Gradientes Lineares
```python
{"name": "Nome do Gradiente", "color": ["#FF0000", "#00FF00"]}
```
## Desenvolvimento
Para executar em modo de desenvolvimento:
```sh
cd template_copy/color_selector/frontend
npm install
npm run start
```
Em outro terminal:
```sh
streamlit run template_copy/example.py
```
## Exemplo Completo
```python
import streamlit as st
from color_selector import color_selector
st.title("Seletor de Cores")
# Exemplos de cores
colors = [
{"name": "Vermelho", "color": "#FF0000"},
{"name": "Azul", "color": "#0000FF"},
{"name": "Verde", "color": "#00FF00"},
{"name": "Amarelo", "color": "#FFFF00"},
{"name": "Roxo", "color": "#800080"},
{"name": "Laranja", "color": "#FFA500"},
{"name": "Gradiente Azul-Verde", "color": ["#0000FF", "#00FF00"]},
{"name": "Gradiente Vermelho-Amarelo", "color": ["#FF0000", "#FFFF00"]},
{"name": "Gradiente Arco-íris", "color": ["#FF0000", "#00FF00", "#0000FF"]}
]
# Usar o componente
selected_color = color_selector(colors=colors, key="color_picker")
if selected_color:
st.write(f"**Cor selecionada:** {selected_color['name']}")
st.write(f"**Valor:** {selected_color['color']}")
```
Raw data
{
"_id": null,
"home_page": null,
"name": "color-selector",
"maintainer": null,
"docs_url": null,
"requires_python": ">=3.7",
"maintainer_email": "Seu Nome <seu.email@exemplo.com>",
"keywords": "color, component, gradient, selector, streamlit, visualization",
"author": null,
"author_email": "Seu Nome <seu.email@exemplo.com>",
"download_url": "https://files.pythonhosted.org/packages/5d/de/32c6da4ce2bd7c715f1ba8c5433a70cfe0c3155fc25fc39e218a3157e3d0/color_selector-0.1.0.tar.gz",
"platform": null,
"description": "# Color Selector\n\nUm componente Streamlit para sele\u00e7\u00e3o de cores com suporte a cores s\u00f3lidas e gradientes lineares.\n\n## Instala\u00e7\u00e3o\n\n```sh\npip install color-selector\n```\n\n## Como usar\n\n```python\nimport streamlit as st\nfrom color_selector import color_selector\n\n# Lista de cores dispon\u00edveis (cores s\u00f3lidas e gradientes)\ncolors = [\n {\"name\": \"Vermelho\", \"color\": \"#FF0000\"},\n {\"name\": \"Azul\", \"color\": \"#0000FF\"},\n {\"name\": \"Verde\", \"color\": \"#00FF00\"},\n {\"name\": \"Gradiente Azul-Verde\", \"color\": [\"#0000FF\", \"#00FF00\"]},\n {\"name\": \"Gradiente Vermelho-Amarelo\", \"color\": [\"#FF0000\", \"#FFFF00\"]},\n {\"name\": \"Gradiente Arco-\u00edris\", \"color\": [\"#FF0000\", \"#00FF00\", \"#0000FF\"]}\n]\n\n# Usar o componente\nselected_color = color_selector(colors=colors, key=\"color_picker\")\nst.write(f\"Cor selecionada: {selected_color}\")\n```\n\n## Funcionalidades\n\n- Sele\u00e7\u00e3o visual de cores com bolinhas coloridas\n- Suporte a cores s\u00f3lidas (hex, rgb, hsl)\n- Suporte a gradientes lineares (lista de cores)\n- Layout responsivo e minimalista\n- Interface limpa sem t\u00edtulos ou informa\u00e7\u00f5es extras\n- Integra\u00e7\u00e3o perfeita com Streamlit\n\n## Formato das Cores\n\n### Cores S\u00f3lidas\n```python\n{\"name\": \"Nome da Cor\", \"color\": \"#FF0000\"}\n```\n\n### Gradientes Lineares\n```python\n{\"name\": \"Nome do Gradiente\", \"color\": [\"#FF0000\", \"#00FF00\"]}\n```\n\n## Desenvolvimento\n\nPara executar em modo de desenvolvimento:\n\n```sh\ncd template_copy/color_selector/frontend\nnpm install\nnpm run start\n```\n\nEm outro terminal:\n```sh\nstreamlit run template_copy/example.py\n```\n\n## Exemplo Completo\n\n```python\nimport streamlit as st\nfrom color_selector import color_selector\n\nst.title(\"Seletor de Cores\")\n\n# Exemplos de cores\ncolors = [\n {\"name\": \"Vermelho\", \"color\": \"#FF0000\"},\n {\"name\": \"Azul\", \"color\": \"#0000FF\"},\n {\"name\": \"Verde\", \"color\": \"#00FF00\"},\n {\"name\": \"Amarelo\", \"color\": \"#FFFF00\"},\n {\"name\": \"Roxo\", \"color\": \"#800080\"},\n {\"name\": \"Laranja\", \"color\": \"#FFA500\"},\n {\"name\": \"Gradiente Azul-Verde\", \"color\": [\"#0000FF\", \"#00FF00\"]},\n {\"name\": \"Gradiente Vermelho-Amarelo\", \"color\": [\"#FF0000\", \"#FFFF00\"]},\n {\"name\": \"Gradiente Arco-\u00edris\", \"color\": [\"#FF0000\", \"#00FF00\", \"#0000FF\"]}\n]\n\n# Usar o componente\nselected_color = color_selector(colors=colors, key=\"color_picker\")\n\nif selected_color:\n st.write(f\"**Cor selecionada:** {selected_color['name']}\")\n st.write(f\"**Valor:** {selected_color['color']}\")\n```",
"bugtrack_url": null,
"license": "MIT",
"summary": "Streamlit component for color selection with support for solid colors and gradients",
"version": "0.1.0",
"project_urls": {
"Homepage": "https://github.com/seu-usuario/color-selector",
"Issues": "https://github.com/seu-usuario/color-selector/issues",
"Repository": "https://github.com/seu-usuario/color-selector"
},
"split_keywords": [
"color",
" component",
" gradient",
" selector",
" streamlit",
" visualization"
],
"urls": [
{
"comment_text": null,
"digests": {
"blake2b_256": "191091d173b5e44cf45fa7dfdf78baa8727dfe8dd4df76e55799e292aca13872",
"md5": "9805d563a32a5689a2c497a33358de53",
"sha256": "8b9e38cd11f6a3fda865304337510bfb10e533728073dffaf8f30331f511b1c2"
},
"downloads": -1,
"filename": "color_selector-0.1.0-py3-none-any.whl",
"has_sig": false,
"md5_digest": "9805d563a32a5689a2c497a33358de53",
"packagetype": "bdist_wheel",
"python_version": "py3",
"requires_python": ">=3.7",
"size": 170614,
"upload_time": "2025-07-13T00:32:10",
"upload_time_iso_8601": "2025-07-13T00:32:10.315349Z",
"url": "https://files.pythonhosted.org/packages/19/10/91d173b5e44cf45fa7dfdf78baa8727dfe8dd4df76e55799e292aca13872/color_selector-0.1.0-py3-none-any.whl",
"yanked": false,
"yanked_reason": null
},
{
"comment_text": null,
"digests": {
"blake2b_256": "5dde32c6da4ce2bd7c715f1ba8c5433a70cfe0c3155fc25fc39e218a3157e3d0",
"md5": "2f88736ab0d003c1f8ff8a6e5cec6316",
"sha256": "c045867635266d819d0f2d30c6cc5557c271931ac0ee928c74627213ef789e0c"
},
"downloads": -1,
"filename": "color_selector-0.1.0.tar.gz",
"has_sig": false,
"md5_digest": "2f88736ab0d003c1f8ff8a6e5cec6316",
"packagetype": "sdist",
"python_version": "source",
"requires_python": ">=3.7",
"size": 60339646,
"upload_time": "2025-07-13T00:32:15",
"upload_time_iso_8601": "2025-07-13T00:32:15.818384Z",
"url": "https://files.pythonhosted.org/packages/5d/de/32c6da4ce2bd7c715f1ba8c5433a70cfe0c3155fc25fc39e218a3157e3d0/color_selector-0.1.0.tar.gz",
"yanked": false,
"yanked_reason": null
}
],
"upload_time": "2025-07-13 00:32:15",
"github": true,
"gitlab": false,
"bitbucket": false,
"codeberg": false,
"github_user": "seu-usuario",
"github_project": "color-selector",
"github_not_found": true,
"lcname": "color-selector"
}
JSON
