mjhjmtu

Is there a way to build a structure like the following in Latex?

They're probably just boxes, but I have very little experience with Latex and I'm not sure how to get this result.

documentclassarticle
usepackagexcolor,stackengine
newcommandpalbox[2]sffamilyfboxsep=5ptrelaxfboxrule=1ptrelaxfootnotesize%
 fcolorboxgray!50gray!10%
 stackengine8pt%
 colorbox[RGB]#1rule60pt0ptrule0pt60pt%
 %
 colorblack!60stackengine12pt##2saycolors#1UlFFS%
 UlFFS%
 %

newcommandsaycolors[1]saycolorsaux#1relax
defsaycolorsaux#1 #2 #3relaxR:#1 G:#2 B:#3
begindocument
palbox1 103 14301678fquad
palbox221 109 16dd6d10quad
palbox18 54 69123645quad
palbox120 121 12478797c
enddocument

I hadn't at first realized that the top line of text is actually the RGB converted to hex. Thus, one can calculate that from the RGB and can reduce the number of arguments from two to one. I use the binhex.tex package for the conversion into hex.

documentclassarticle
usepackagexcolor,stackengine
input binhex.tex
newcommandpalbox[1]sffamilyfboxsep=5ptrelaxfboxrule=1ptrelaxfootnotesize%
 fcolorboxgray!50gray!10%
 stackengine8pt%
 colorbox[RGB]#1rule60pt0ptrule0pt60pt%
 %
 colorblack!60stackengine12ptintohex#1saycolors#1UlFFS%
 UlFFS%
 %

newcommandsaycolors[1]saycolorsaux#1relax
defsaycolorsaux#1 #2 #3relaxR:#1 G:#2 B:#3
newcommandintohex[1]#intohexaux#1relax
defintohexaux#1 #2 #3relaxtwodigithex#1twodigithex#2twodigithex#3
newcommandtwodigithex[1]ifnum#1<16relax0fiMakeLowercasehex#1
begindocument
palbox1 103 143quad
palbox221 109 16quad
palbox18 54 69quad
palbox120 121 124
enddocument

Here's a solution using tikz. It uses expl3 to automatically calculate the hex value.

documentclassarticle
usepackage[margin=2cm]geometry
usepackagexparse
usepackagetikz
usetikzlibrarypositioning, backgrounds, shadows
ExplSyntaxOn
cs_new:Nn __criw_rgbtohex:n
 
 clist_set:Nx l_tmpa_clist #1
 clist_map_inline:Nn l_tmpa_clist
 
 int_compare:nNnT ##1 < 16 0 
 int_to_hex:n ##1
 
 
cs_new:Nn __criw_palette_box:n
 
 clist_set:Nx l_tmpa_clist #1
 definecolor palettecolour RGB #1
 begin tikzpicture
 [
 node~distance = 4mm,
 inner~sep = 0mm,
 every~node/.style = font = sffamilyfootnotesize 
 ]
 node (colour)
 [
 fill = palettecolour,
 minimum~width = 3cm,
 minimum~height = 3cm
 ]
 ;
 node (hex)
 [
 below = of~colour.south~west,
 anchor = north~west
 ]
 #__criw_rgbtohex:n #1 ;
 node (rgb)
 [
 below = of~hex.south~west,
 anchor = north~west
 ]
 R: clist_item:Nn l_tmpa_clist 1 ~
 G: clist_item:Nn l_tmpa_clist 2 ~
 B: clist_item:Nn l_tmpa_clist 3 ;
 begin scope [ on~background~layer ]
 shadedraw 
 [
 left~color = white,
 right~color = black!10,
 draw = black!15,
 drop~shadow =
 
 shadow~xshift = 0.5mm,
 shadow~yshift = -0.5mm,
 fill = black!40,
 opacity = 1
 
 ]
 (current~bounding~box.south~west) + (-2mm, -2mm)
 rectangle
 ( [ shift = (2mm, 2mm) ] current~bounding~box.north~east) ;
 end scope
 end tikzpicture
 
NewDocumentCommand PaletteBox m 
 
 __criw_palette_box:n #1
 
ExplSyntaxOff
begindocument
PaletteBox1, 103, 143quad
PaletteBox221, 109, 16quad
PaletteBox18, 54, 69quad
PaletteBox120, 121, 124
enddocument