Names of Colors in Airtable

Hi @Rachel_Passmore and welcome to the community!

I didn’t find any color information, but you can upload your image to https://color.adobe.com/nl/create/image and find out easily.

Thank you for the suggestion! After uploading, I received 5 numbers associated with 5 colors but not names…hmm.

Those are HEX values. Since there are exactly 16,777,216 possible hex color code combinations, no one has bothered to name them all. Feel free to start though. :winking_face: I think 64 of them have been named, so that’s a good start.

Thank you! I am trying to figure out the names of the 40 colors presented in Airtable – seems like if Airtable provides these colors to every user then they would have names associated with them?

I think you’re looking for this.

Can you share that link here so others can access it too?

You’re welcome! You can drag and drop the 5 circles to the other colors to change the 5 that are selected. Good that you’ve gotten the names also.

I did not receive a link, I only received an attachment. I attached it here again.

That document is a little helpful, but you can’t copy or search for color names or hex values from an image. [sigh]

The names of the colors in the attachment that @Rachel_Passmore shared match the names of the colors in the Custom Apps SDK that @Bill.French linked to. The Custom Apps SDK also provides the getRgbForColor or getHexForColor functions to get the numeric values.

I find it interesting that there are 5 flavors of each the ten color in the image and in the Custom Apps SDK. However, I see only 4 flavors of each of the ten colors when using the user interface.

Um, possible explained by an intentional compliance with a web-safe palette? Maybe?

Sorry to reopen an old thread but I was looking for this exact info!

I did some web extraction based on research posted previously in the thread, and came up with the list of the 40 single-select color names airtable uses. Here they are below, in automatic creation order. Create a new single-select field (leave all options blank!) then paste the below 40 names into your new column cells:

blueLight2
cyanLight2
tealLight2
greenLight2
yellowLight2
orangeLight2
redLight2
pinkLight2
purpleLight2
grayLight2
blueLight1
cyanLight1
tealLight1
greenLight1
yellowLight1
orangeLight1
redLight1
pinkLight1
purpleLight1
grayLight1
blueBright
cyanBright
tealBright
greenBright
yellowBright
orangeBright
redBright
pinkBright
purpleBright
grayBright
blueDark1
cyanDark1
tealDark1
greenDark1
yellowDark1
orangeDark1
redDark1
pinkDark1
purpleDark1
grayDark1

That should fill your color options up and you'll end up with the single-select looking like this:

In case, anybody else is looking for this.
Checked the code as supplied by AT on GitHub, good Gods, how useless and convoluted it is.
Once you untangle their camelCase vs UPPER_UNDERSCORE mess, you end up with usable JSON

const airtableColours = [

    { "name": "blueBright", "rgb": "45, 127, 249" },

    { "name": "blueDark1", "rgb": "39, 80, 174" },

    { "name": "blueLight1", "rgb": "156, 199, 255" },

    { "name": "blueLight2", "rgb": "207, 223, 255" },

    { "name": "blue", "rgb": "18, 131, 218" },

    { "name": "cyanBright", "rgb": "24, 191, 255" },

    { "name": "cyanDark1", "rgb": "11, 118, 183" },

    { "name": "cyanLight1", "rgb": "119, 209, 243" },

    { "name": "cyanLight2", "rgb": "208, 240, 253" },

    { "name": "cyan", "rgb": "1, 169, 219" },

    { "name": "grayBright", "rgb": "102, 102, 102" },

    { "name": "grayDark1", "rgb": "68, 68, 68" },

    { "name": "grayLight1", "rgb": "204, 204, 204" },

    { "name": "grayLight2", "rgb": "238, 238, 238" },

    { "name": "gray", "rgb": "102, 102, 102" },

    { "name": "greenBright", "rgb": "32, 201, 51" },

    { "name": "greenDark1", "rgb": "51, 138, 23" },

    { "name": "greenLight1", "rgb": "147, 224, 136" },

    { "name": "greenLight2", "rgb": "209, 247, 196" },

    { "name": "green", "rgb": "17, 175, 34" },

    { "name": "orangeBright", "rgb": "255, 111, 44" },

    { "name": "orangeDark1", "rgb": "215, 77, 38" },

    { "name": "orangeLight1", "rgb": "255, 169, 129" },

    { "name": "orangeLight2", "rgb": "254, 226, 213" },

    { "name": "orange", "rgb": "247, 101, 59" },

    { "name": "pinkBright", "rgb": "255, 8, 194" },

    { "name": "pinkDark1", "rgb": "178, 21, 139" },

    { "name": "pinkLight1", "rgb": "249, 157, 226" },

    { "name": "pinkLight2", "rgb": "255, 218, 246" },

    { "name": "pink", "rgb": "233, 41, 186" },

    { "name": "purpleBright", "rgb": "139, 70, 255" },

    { "name": "purpleDark1", "rgb": "107, 28, 176" },

    { "name": "purpleLight1", "rgb": "205, 176, 255" },

    { "name": "purpleLight2", "rgb": "237, 226, 254" },

    { "name": "purple", "rgb": "124, 57, 237" },

    { "name": "redBright", "rgb": "248, 43, 96" },

    { "name": "redDark1", "rgb": "186, 30, 69" },

    { "name": "redLight1", "rgb": "255, 158, 183" },

    { "name": "redLight2", "rgb": "255, 220, 229" },

    { "name": "red", "rgb": "239, 48, 97" },

    { "name": "tealBright", "rgb": "32, 217, 210" },

    { "name": "tealDark1", "rgb": "6, 160, 155" },

    { "name": "tealLight1", "rgb": "114, 221, 195" },

    { "name": "tealLight2", "rgb": "194, 245, 233" },

    { "name": "teal", "rgb": "2, 170, 164" },

    { "name": "yellowBright", "rgb": "252, 180, 0" },

    { "name": "yellowDark1", "rgb": "184, 117, 3" },

    { "name": "yellowLight1", "rgb": "255, 214, 110" },

    { "name": "yellowLight2", "rgb": "255, 234, 182" },

    { "name": "yellow", "rgb": "224, 141, 0" }

];

And then, you can simply use values as API churns them out using vanilla JS, without any silly libraries and overheads, eg:

airtableColours.find(what => what.name === "orangeDark1").rgb

Will give you back RGB value of 215, 77, 38