0
0
Figmabi_tool~10 mins

Color picker and hex values in Figma - Cell-by-Cell Formula Trace

Choose your learning style9 modes available
Sample Data

This table shows color names and their corresponding hex color codes used in design.

CellValue
A1Color Name
B1Hex Value
A2Red
B2#FF0000
A3Green
B3#00FF00
A4Blue
B4#0000FF
A5Yellow
B5#FFFF00
Formula Trace
HEXVALUE = B2
Step 1: Select cell B2
Cell Reference Map
   A       B
1 Color   Hex
2 Red     #FF0000
3 Green   #00FF00
4 Blue    #0000FF
5 Yellow  #FFFF00

Arrow: B2 -> HEXVALUE
The formula references cell B2 which contains the hex value for Red color.
Result
   A       B       C
1 Color   Hex     Selected Hex
2 Red     #FF0000 #FF0000
3 Green   #00FF00 
4 Blue    #0000FF 
5 Yellow  #FFFF00 
The selected hex value #FF0000 from cell B2 is shown in the 'Selected Hex' column.
Sheet Trace Quiz - 3 Questions
Test your understanding
What hex value does cell B3 contain?
A#00FF00
B#FF0000
C#0000FF
D#FFFF00
Key Result
Selecting a cell with a hex value returns that hex code for use in design.