[Tex/LaTex] tikz convert color string to hex value

tikz-pgf

I wish to convert a color string to hex value in tikz.

\documentclass[border=1mm]{standalone}
\usepackage{tikz}
\begin{document}
\begin{tikzpicture}
\tikzset{box/.style={draw,outer sep=0,minimum size=1cm}}
\def\dy{1}
\foreach \col [count=\i] in {red,orange,yellow,green,cyan,blue,purple} {
    \def\mycol{\col!40!gray}
    \node[box,yshift=1cm*\i*\dy,fill=\mycol,label=left:\mycol] (main) {ABC};
}
\end{tikzpicture}
\end{document}

So I wish show red!40!grey to something like #xxxxxxxx but not show how can do such convert!

Best Answer

Perhaps this (with \extractcolorspecs and \convertcolorspec from the xcolor package, loaded by the tikz package)?

\documentclass[border=1mm]{standalone}
\usepackage{tikz}
\begin{document}
\begin{tikzpicture}
\tikzset{box/.style={draw,outer sep=0,minimum size=1cm}}
\def\dy{1}
\foreach \col [count=\i] in {red,orange,yellow,green,cyan,blue,purple} {
    \def\mycol{\col!40!gray}
    \extractcolorspecs{\mycol}{\modelcmd}{\colorcmd}
    \convertcolorspec{\modelcmd}{\colorcmd}{HTML}\hex
    \node[box,yshift=1cm*\i*\dy,fill=\mycol,label=left:\mycol] (main) {\#\hex};
}
\end{tikzpicture}
\end{document}

Related Solutions

TikZ-PGF – Drawing Hex Boards

enter image description here

This MWE with Asymptote uses struct hexboard from hexboard.asy module (attached). The board hb is created with the command hexboard hb=hexboard(11,xo); is 11 cells wide, the marks are prepared in the array of strings string[] xo;

Cell nodes and directions are as follows (direction is named after the node of destination):

enter image description here

The thick line is constructed by the start cell, optional prefix and suffix (if the line goes outside the grid), the node number to start with and a sequence of the directions. For example a command

hb.oline((-10,0), prefix=(0,-1),3,4,5,0);

uses the node 3 of the bottom cell (-10,0) as a starting point, prepends it with the line from below point (0,-1) and continue with directions 4,5 and 0 (4 segments in total).

Position of the leftmost cell is (0,0), rightmost cell is (n-1,0) the top is at (0,n-1), and the bottom is at (0,-(n-1)).

%
% hexboard.tex :
%
\begin{filecontents*}{hexboard.asy}
struct hexboard{
  int n;
  string[] xo;
  string xmark,omark;
  real dx,dy;

  pen gridPen;
  pen xCellBg;
  pen oCellBg;

  guide ghex;

  pair hexCenter(int k, int j){ // k= +/-
    return ((j+abs(k)/2)*dx,k*dy);
  }

  pair hexCorner(int k, int j, int a){ 
    return shift(hexCenter(k,j))*point(ghex,a%6);
  }

  void dot(int k, int j, int a, pen p=gridPen){
    dot(hexCorner(k,j,a),p,UnFill);
  }

  void dots(int k, int j, int a, int b, pen p=gridPen){
    for(int i=a;i<=b;++i){
      dot(hexCorner(k,j,i),p,UnFill);
    }
  }

  void oline(explicit pair start, explicit pair prefix=(0,0), explicit pair suffix=(0,0), 
         explicit pen lpen=orange+2bp+opacity(0.8) ... int[]dirs){
    pair p=hexCorner((int)start.x,(int)start.y,dirs[0]);
    guide g=(p+prefix)--p;
    for(int i=1;i<dirs.length;++i){
      p+=dir(150+(dirs[i]%6)*60);
      g=g--p;
    }
    g=g--(p+suffix);
    draw(g,lpen);
  }

  void drawHex(int k, int j){
    pen bg=(substr(xo[n-1-k],j,1)=="x")?xCellBg:oCellBg;
    filldraw(shift((j+abs(k)/2)*dx,k*dy)*ghex,bg,gridPen);
  }

  void markCell(int k, int j, string v){
    if(v=="x")v=xmark;
    if(v=="o")v=omark;
    label(v,hexCenter(k,j));
  }

  void mark(){
    assert(xo.length==2n-1);
    bool b;
    string c;
    int k;
    for(int i=0;i<n;++i){
      assert(length(xo[i])==i+1);
      k=n-1-i;
      for(int j=0;j<i+1;++j){
        c=substr(xo[i],j,1);
        drawHex(k,j);
        markCell(k,j,c);
      }
    }
    for(int i=n;i<2n-1;++i){
      assert(length(xo[i])==2n-1-i);
      k=n-1-i;
      for(int j=0;j<2n-1-i;++j){
        c=substr(xo[i],j,1);
        drawHex(k,j);
        markCell(k,j,c);
      }
    }
  }

  void operator init(int n // board width
      ,string[] xo         // board marks
      ,string xmark="$\times$"
      ,string omark="$\circ$"
      ,pen gridPen=deepblue+0.4bp
      ,pen xCellBg=palered
      ,pen oCellBg=palegreen
    ){
    this.n=n; 
    this.xo=copy(xo);
    this.xmark=xmark; this.omark=omark;
    this.xCellBg=xCellBg; this.oCellBg=oCellBg;
    this.dx=sqrt(3);
    this.dy=1+1/2;
    this.ghex=dir(90)--dir(150)--dir(210)--dir(270)--dir(330)--dir(30)--cycle;
    mark();
  }
}
\end{filecontents*}
%
\documentclass{article}
\usepackage[inline]{asymptote}
\usepackage{lmodern}
\begin{document}
\begin{figure}
\centering
\begin{asy}
size(10cm);

// === test hexboard
import hexboard;
string[] xo={
"o",
"xo",
"xxx",
"ooox",
"xxoox",
"xxoooo",
"oxxoxxo",
"xoxooxxx",
"oxooxooox",
"xooxooxooo",
"oxxxoxooxxo",
"oooxoxxoxx",
"xxxoxooxo",
"ooxooxxo",
"xxoooxo",
"ooxxxo",
"xoxoo",
"xoxx",
"oxo",
"xo",
"x",
};

hexboard hb=hexboard(11,xo);

label("$v$",hb.hexCorner(0,0,2)-(1,0),W);
label("$v^\prime$",hb.hexCorner(0,10,5)+(1,0),E);

label("$w$",hb.hexCorner(-10,0,3)-(0,1),S);
label("$w^\prime$",hb.hexCorner(10,0,0)+(0,1),N);

label("$o^\prime$",hb.hexCorner(5,0,1)-(1,0),W);
label("$x^-$",hb.hexCorner(5,5,5)+(1,0),E);

hb.oline((5,0),0,1,2,3,2,3,2,3,4,5,4,5,0,5, 4,5,0,1,0,1,2);
hb.oline((10,0), prefix=(0,1) ,suffix=(1,0)
,0
,3,2,3,2,1,0,5,0,1,2,1,2,3,4,3,4,3,2,3,2,3,4
,3,2,3,2,1,0,5,0,1,0,1,2,3,2,3,4
,3,2,3,4
,3,4,3,2,3);

hb.oline((0,0), prefix=(-1,0),2,3,2,3,4);

hb.oline((-10,0), prefix=(0,-1),3,4,5,0);

hb.dot(9,0,3);
hb.dot(7,1,4);
hb.dots(5,1,0,3);

shipout(bbox(Fill(lightyellow)));

\end{asy}
\caption{Hex Board}
\end{figure}
\end{document}
%
% Process :
%
% pdflatex hexboard.tex    
% asy hexboard-*.asy    
% pdflatex hexboard.tex

TikZ-PGF – How to Map Value to Color in TikZ?

The \colorlet macro from the xcolor package can define a mix between two colors (color1 and color2 in this example):

\colorlet{color1}{red}
\colorlet{color2}{blue}
\colorlet{my mixed color}{color1!\lambda!color2}

The \lambda value must be an integer between 0 (my mixed color is blue) and 100 (my mixed color is red).

By default, colors and mixing are in the RGB color space. If the two colors are in the HSB color space, the mixing is in HSB color space:

\colorlet{color1}[hsb]{red}
\colorlet{color2}[hsb]{blue}
\colorlet{my mixed color}[rgb]{color1!\lambda!color2}

Here is a simple example with two colormaps between red and lime (left in RGB color space, right in HSB color space) using values (\myvalue) between 0 (\min) and 20 (\max):

enter image description here

\documentclass[tikz]{standalone}

\begin{document}
\begin{tikzpicture}
  \colorlet{color min rgb}[rgb]{red}
  \colorlet{color max rgb}[rgb]{lime}

  \colorlet{color min hsb}[hsb]{red}
  \colorlet{color max hsb}[hsb]{lime}

  \def\min{0}
  \def\max{20}

  \foreach \pos in {0,...,20}{
    \pgfmathsetmacro\myvalue{\pos}

    \pgfmathtruncatemacro\lambda{(\myvalue-\min)/(\max-\min)*100}
    \colorlet{my color rgb}[rgb]{color min rgb!\lambda!color max rgb}
    \colorlet{my color hsb}[rgb]{color min hsb!\lambda!color max hsb}

    \fill[fill=my color rgb,draw=white] (1cm,\pos cm) rectangle +(1cm,1cm);
    \fill[fill=my color hsb,draw=white] (2cm,\pos cm) rectangle +(1cm,1cm);
    \node at (3.5cm, \pos cm + 5mm) {\myvalue};
  }
\end{tikzpicture}
\end{document}

Best Answer

Related Solutions

TikZ-PGF – Drawing Hex Boards

TikZ-PGF – How to Map Value to Color in TikZ?

Related Question