Obtendo o hexadecimal de uma cor RGB no Corel Draw

Por: Diego Franco - [ November 1st, 2008 ]

Ainda não baixei o Corel X4 portanto este post vale para o Corel X3

Sei que muitos tem o costume de desenhar para a Web usando o Corel, creio que não seja tão produtivo e que ainda com certeza não é a ferramenta ideal para tal, mas cada um trabalha com a ferramenta que gosta não é mesmo? Cabe ainda a pessoa correr atrás de aprender a utilizar as melhores ferramentas para a sua área.

Eu já falei aqui no site sobre declaração de cores com códigos Hexadecimais neste post: http://diegofranco.net/archives/declarando-cores-com-codigos-hexadecimais-como-e-isso-2. Este post complementa o anterior e é para aqueles que queiram obter o código Hexadecimal de uma cor RGB no Corel ou seria melhor “do Corel”.

O Corel não é a ferramenta perfeita para desenvolvimento Web por isso você com certeza encontrará algumas dificuldade se usá-lo para criar layouts para a web. Não vou entrar em detalhes aqui mas posso descrever num próximo post as principais desvatangens de se usar o Corel para o desenvolvimento Web.

O Corel disponibiliza uma paleta de cores chamada Web-Safe-Color infelizmente uma paleta de 216 cores que informa o Hexadecimal de todas as cores contidas nela, com certeza isso não te ajudará muito, pois pode ser que a cor que você queira não faça parte dessa paleta de cores, por isso vou apresentar outras formas de se converter uma cor RGB do corel para Hexadecimal.

Para acessar a paleta Web-safe-color faça o seguinte:

• Crie um vetor qualquer, um quadrado por exemplo;
• Atribua uma cor;
• Selecione-o
• Aperte Shift+F11 ou na barra de ferramentas clique em Fill tools > Fill color dialog
• No dropdow Pallete: Selecione > Fixed Palletes > Web-safe-color
• Pronto você verá todas as cores disponíveis com seu código Hexadecimal conforme imagem abaixo.

Porém como disse anteriormente as cores são limitadas. Sem contar que este código apresentado não procede com a cor real no corel, fiz alguns testes e realmente o resultado não foi a cor exata.

Portanto a melhor maneira para você obter um resultado extremamente perfeito é printando a tela do corel e colando em um editor de imagens, como exemplo vou usar o fireworks que é bem simples e mostra QUALQUER COR em hexadecimal simplesmente passando o mouse sobre a imagem.

• Print a tela com a imagem na qual está a cor que você deseja saber o hexadecimal;
• Abra o Fireworks > crie um novo documento > e cole a tela printada;
• Desenhe um objeto qualquer por sobre a imagem, um quadrado por exemplo;
• Ainda no Fireworks clique no ícone de preenchimento e passe o mouse sobre a tela printada, você verá que o Fireworks mostra em tempo real o código hexadecimal da cor na qual o mouse está passando sobre ela, conforme você pode ver na imagem abaixo. Simples assim.

A idéia aqui não foi de fazer um tutorial mas de dar a “faca e o queijo” o resto é com você.

Procure por: games, PS2, PS3, Nintendo, Wii, iPod

CorelDraw | Nenhum Comentário » View blog reactions

CorelDraw | Cores | Hexadecimal | RGB

Cores RGB e Cores CMYK

Por: Diego Franco - [ October 27th, 2007 ]

Vai um post rapidinho e resumido sobre a diferença de cores RGB e cores CMYK.

RGB

A cor de um pixel em RGB é gerada por 3 cores projetadas que se misturam. As luzes projetadas formam as cores: vermelho, verde, e azul (do inglês: Red, Green, e Blue). Após misturadas, essas cores criam um espaço de cor chamado RGB. As cores RGB são aditivas, significando que a mistura de diversas cores cria o branco. Esse espaço de cor foi criado para gráficos feitos em computadores e visualizados em computadores.

CMYK

A cor de um pixel em CMYK é gerada por 4 cores, são elas: o ciano, magenta, amarelo e preto (do inglês: Cyan, Magenta, Yellow e blacK). O espaço de cor CMYK em um computador é usado para simular tintas impressas em papel e, geralmente é usado em artes-finais para impressão. As cores CMYK são subtrativas, ou seja, significa que misturando diversas cores cria-se o preto. Esse espaço de cor foi criado para gráficos feitos em computador e serem impressos em papel.

Os gráficos para a web são baseados em “tela” e não para impressos, portanto o uso de RGB. Por isso se você enviar um arquivo de alguma arte-final ou peça em Corel ou Photoshop para uma gráfica não esqueça de verificar se está enviando tudo em CMYK, isso é necessário para se gerar um fotolito, a não ser que sua peça criada não use uma imagem colorida, policromática, onde não há uma mistura de cores.

Procure por: DVD, MP3, LCD, Plasma, HDTV, Home Theater

CMYK, CorelDraw, Cores, Desenvolvimento, RGB | Nenhum Comentário » View blog reactions

CMYK | Cores | RGB

Como pessoas com distúrbios de visão enxergam o seu site?

Por: Diego Franco - [ October 2nd, 2007 ]

Assino os Feeds da Daniele Viana do danielevsilva.com/blog/, uma ótima referência quando se fala sobre cores, psicodinâmica das cores, teoria de design e outros assuntos, Daniele já trabalhou durante 3 anos com acessibilidade para deficientes visuais. Ontem lendo seu post falando sobre O azul - Uma breve analise das cores me chamou a atenção uma de suas referências de links no final do seu post sobre Geradores de Cores, por sinal também ótimas referências. O link que me chamou atenção leva o título deste post: Como pessoas com distúrbios de visão enxergam o seu site?

Na minha opinião acessibilidade é uma questão de amor ao Ser-humano, pura responsabilidade social, e quando digo responsabilidade social não estou falando só de ajudar o portador de deficiência a atravessar a rua ou desenvolver um site totalmente acessível ao deficiente visual, mas creio que responsabilidade social vai mais além, é fazer de você um portador do amor para com o próximo e para com o meio em que vive entendendo que não somos mais importantes que nosso próximo, mas que cada um tem o seu valor, creio que a maior mudança acontece em você mesmo e não no próximo.

O que isso tem a ver com o título do post? Tudo. É de suma importância que saibamos como um deficiente visual se comporta e “vê” as coisas ou como um paraplégico se “move”, porque de uma forma ou de outra isso acaba acontecendo, com tecnologia ou sem ela, a diferença está na forma de como o deficiente visual “vê” as coisas e o paraplégico se “move”.

O site http://colorfilter.wickline.org/ leva você a uma experiência muito interessante de emular como portadores de Discromatopsia*** veêm o seu site. Na imagem acima mostra como um portador de protanopia vê o meu site. Dentre as opções de emulação do site você tem:

• * Como portadores de deutanopia veêm;
• * Como portadores de protanopia veêm;
• * Como portadores de tritanopia veêm;
• * Como portadores de acromatopsia veêm;
• * Como portadores de protanomalia veêm;
• * Como portadores de deutanomalia veêm;
• * Como portadores de tritanomalia veêm.

O teste é fácil: coloque o endereço do seu site no campo: Type a URL e escolha um filtro para visualizar, o Colorblin ainda está em fase de desenvolvimento, mas com certeza poderá nos ajudar a escolher melhor as cores a serem utilizadas em nossos sites, ou seguir a boa iniciativa que o Henrique do RevolucaoEtc e o Flávio do Japs tiveram em disponibilizar uma folha de estilos de alto contraste separada caso o usuário necessite.

É isso ai vamos amar mais as pessoas!

*** Discromatopsia (dis=distúrbio; cromos=cor; opsis=olho) é um termo genérico usado para designar qualquer distúrbio de cores.

Segundo Wright¹(1944) apud⁽¹⁾ do ponto de vista cromático os indivíduos podem ser classificados como tricromata (normal, anormal), dicromata, acromata ou monocromata. O tricromata normal identifica todo o espectro visível nas condições padronizadas do exame. O tricromata anormal percebe as três cores básicas: vermelho, verde, azul, porém, uma delas de forma deficitária. É a protanomalia se o déficit é para o vermelho; a deutanomalia, para o verde; a tritanomalia para o azul e a tetartanomalia para o amarelo. Na ausência de percepção total de uma das cores, temos o dicromata: o protanope, deutanope, tritanope ou tetartanope. As discromatopsias podem ser congênitas ou hereditárias ou adquiridas.

Fonte: Conselo Brasileiro de Oftalmologia - Arquivos Brasileiros de Oftalmologia.

Procure por: DVD, MP3, LCD, Plasma, HDTV, Home Theater

Acessibilidade, Cores | 1 Comentário » View blog reactions

Acessibilidade | Cores | discromatopsia | Ferramentas | usabilidade