Nouveau: API V2 disponible

Nous avons étendu et amélioré notre API. La V2 est désormais en ligne. Elle t'offre des résultats de conversion de couleurs plus détaillés - parfaits pour les projets web, les plugins, les outils internes ou les applications SaaS.

Nous prolongeons notre période d'offre d'un mois supplémentaire jusqu'à 2025-09-15 : prix de lancement sur tous les packs!

VOIR MAINTENANT X

Palette de couleurs - FARBPALETTE VARIANTEN

Aperçu

fermer

Possibilités d'application

Tu peux réutiliser ces palettes de couleurs. Fais-en ta propre palette et change les couleurs à ta guise. Evalue ces palettes de couleurs et partage-les.

Trouve des exemples de transitions de couleurs linéaires et radiales avec deux couleurs de cette palette de couleurs.

Les trois premières couleurs sont présélectionnées - si elles existent. Elles peuvent être ajoutées ou désélectionnées avec l'icône de couleur en bas à droite de chaque couleur.

Facile pour le webdesign : copie le code CSS pour l'intégrer facilement sur ton site web.

Trouve des exemples de transitions de couleurs linéaires et radiales avec trois couleurs de cette palette de couleurs.

Les trois premières couleurs sont présélectionnées - si elles existent. Elles peuvent être ajoutées ou désélectionnées avec l'icône de couleur en bas à droite de chaque couleur.

Facile pour le webdesign : copie le code CSS pour l'intégrer facilement sur ton site web.

Options d'affichage

#CFDADA

CMYK 5 / 0 / 0 / 15

HEX #CFDADA

RGB 207 218 218

HSL 180, 0.13%, 0.83%

LAB 86.24, -3.69, -1.29

 

RGB 206 214 217

CMYK 5 / 1 / 0 / 15

HEX #CED6D9

RGB 206 214 217

HSL 196.36, 0.13%, 0.83%

LAB 85.11, -2.13, -2.43

 

RGB 206 217 217

CMYK 5 / 0 / 0 / 15

HEX #CED9D9

RGB 206 217 217

HSL 180, 0.13%, 0.83%

LAB 85.88, -3.69, -1.29

 

RGB 222 203 208

CMYK 0 / 9 / 6 / 13

HEX #DECBD0

RGB 222 203 208

HSL 344.21, 0.22%, 0.83%

LAB 83.33, 7.47, -0.09

 

RGB 221 202 202

CMYK 0 / 9 / 9 / 13

HEX #DDCACA

RGB 221 202 202

HSL 0, 0.22%, 0.83%

LAB 82.85, 6.63, 2.39

 

RGB 227 203 203

CMYK 0 / 11 / 11 / 11

HEX #E3CBCB

RGB 227 203 203

HSL 0, 0.3%, 0.84%

LAB 83.63, 8.39, 3.06

 

RGB 222 216 203

CMYK 0 / 3 / 9 / 13

HEX #DED8CB

RGB 222 216 203

HSL 41.05, 0.22%, 0.83%

LAB 86.48, -0.18, 7.12

 

RGB 221 215 202

CMYK 0 / 3 / 9 / 13

HEX #DDD7CA

RGB 221 215 202

HSL 41.05, 0.22%, 0.83%

LAB 86.12, -0.18, 7.13

 

RGB 212 212 212

CMYK 0 / 0 / 0 / 17

HEX #D4D4D4

RGB 212 212 212

HSL 0, 0%, 0.83%

LAB 84.91, 0, -0.01

 

RGB 232 232 232

CMYK 0 / 0 / 0 / 9

HEX #E8E8E8

RGB 232 232 232

HSL 0, 0%, 0.91%

LAB 92, 0, -0.01

 

RGB 205 218 164

CMYK 6 / 0 / 25 / 15

HEX #CDDAA4

RGB 205 218 164

HSL 74.44, 0.42%, 0.75%

LAB 84.9, -13.37, 25.18

 

RGB 221 230 194

CMYK 4 / 0 / 16 / 10

HEX #DDE6C2

RGB 221 230 194

HSL 75, 0.42%, 0.83%

LAB 89.79, -9.14, 16.54

 

RGB 189 206 135

CMYK 8 / 0 / 34 / 19

HEX #BDCE87

RGB 189 206 135

HSL 74.37, 0.42%, 0.67%

LAB 80.02, -17.27, 33.46

 

RGB 171 182 127

CMYK 6 / 0 / 30 / 29

HEX #ABB67F

RGB 171 182 127

HSL 72, 0.27%, 0.61%

LAB 71.99, -13.03, 26.78

 

RGB 210 218 160

CMYK 4 / 0 / 27 / 15

HEX #D2DAA0

RGB 210 218 160

HSL 68.28, 0.44%, 0.74%

LAB 85.19, -12.08, 27.72

 

RGB 149 170 85

CMYK 12 / 0 / 50 / 33

HEX #95AA55

RGB 149 170 85

HSL 74.82, 0.33%, 0.5%

LAB 66.36, -20.71, 41.05

 

RGB 159 190 65

CMYK 16 / 0 / 66 / 25

HEX #9FBE41

RGB 159 190 65

HSL 74.88, 0.49%, 0.5%

LAB 72.61, -28.19, 57.34

 

RGB 228 227 214

CMYK 0 / 0 / 6 / 11

HEX #E4E3D6

RGB 228 227 214

HSL 55.71, 0.21%, 0.87%

LAB 89.99, -1.91, 6.45

 

RGB 222 226 218

CMYK 2 / 0 / 4 / 11

HEX #DEE2DA

RGB 222 226 218

HSL 90, 0.12%, 0.87%

LAB 89.39, -2.77, 3.42

 

RGB 201 208 194

CMYK 3 / 0 / 7 / 18

HEX #C9D0C2

RGB 201 208 194

HSL 90, 0.13%, 0.79%

LAB 82.61, -4.91, 6.11

 

RGB 217 221 202

CMYK 2 / 0 / 9 / 13

HEX #D9DDCA

RGB 217 221 202

HSL 72.63, 0.22%, 0.83%

LAB 87.35, -4.67, 8.85

 

RGB 221 205 202

CMYK 0 / 7 / 9 / 13

HEX #DDCDCA

RGB 221 205 202

HSL 9.47, 0.22%, 0.83%

LAB 83.6, 5.05, 3.48

 

RGB 207 210 216

CMYK 4 / 3 / 0 / 15

HEX #CFD2D8

RGB 207 210 216

HSL 220, 0.1%, 0.83%

LAB 84.13, 0.1, -3.33

 

RGB 171 193 148

CMYK 11 / 0 / 23 / 24

HEX #ABC194

RGB 171 193 148

HSL 89.33, 0.27%, 0.67%

LAB 75.41, -15.58, 20.22

 

RGB 233 238 226

CMYK 2 / 0 / 5 / 7

HEX #E9EEE2

RGB 233 238 226

HSL 85, 0.26%, 0.91%

LAB 93.43, -3.77, 5.21

 

RGB 212 223 200

CMYK 5 / 0 / 10 / 13

HEX #D4DFC8

RGB 212 223 200

HSL 88.7, 0.26%, 0.83%

LAB 87.46, -7.77, 10

 

RGB 192 208 174

CMYK 8 / 0 / 16 / 18

HEX #C0D0AE

RGB 192 208 174

HSL 88.24, 0.27%, 0.75%

LAB 81.5, -11.48, 15.08

 

RGB 174 193 143

CMYK 10 / 0 / 26 / 24

HEX #AEC18F

RGB 174 193 143

HSL 82.8, 0.29%, 0.66%

LAB 75.53, -15.24, 23.08

 

RGB 195 219 159

CMYK 11 / 0 / 27 / 14

HEX #C3DB9F

RGB 195 219 159

HSL 84, 0.45%, 0.74%

LAB 84.36, -18.25, 26.93

 

RGB 235 234 229

CMYK 0 / 0 / 3 / 8

HEX #EBEAE5

RGB 235 234 229

HSL 50, 0.13%, 0.91%

LAB 92.65, -0.54, 2.53

 

RGB 213 224 201

CMYK 5 / 0 / 10 / 12

HEX #D5E0C9

RGB 213 224 201

HSL 88.7, 0.27%, 0.83%

LAB 87.81, -7.77, 9.99

 

RGB 205 218 165

CMYK 6 / 0 / 24 / 15

HEX #CDDAA5

RGB 205 218 165

HSL 74.72, 0.42%, 0.75%

LAB 84.91, -13.23, 24.69

 

RGB 216 231 198

CMYK 6 / 0 / 14 / 9

HEX #D8E7C6

RGB 216 231 198

HSL 87.27, 0.41%, 0.84%

LAB 89.78, -10.76, 14.39

 

RGB 216 231 197

CMYK 6 / 0 / 15 / 9

HEX #D8E7C5

RGB 216 231 197

HSL 86.47, 0.41%, 0.84%

LAB 89.76, -10.93, 14.88

 

RGB 216 230 198

CMYK 6 / 0 / 14 / 10

HEX #D8E6C6

RGB 216 230 198

HSL 86.25, 0.39%, 0.84%

LAB 89.52, -10.26, 14.02

 

RGB 236 243 227

CMYK 3 / 0 / 7 / 5

HEX #ECF3E3

RGB 236 243 227

HSL 86.25, 0.4%, 0.92%

LAB 94.94, -5.11, 6.9

 

RGB 227 238 215

CMYK 5 / 0 / 10 / 7

HEX #E3EED7

RGB 227 238 215

HSL 88.7, 0.4%, 0.89%

LAB 92.75, -7.68, 9.87

 

RGB 227 238 216

CMYK 5 / 0 / 9 / 7

HEX #E3EED8

RGB 227 238 216

HSL 90, 0.39%, 0.89%

LAB 92.77, -7.51, 9.39

 

RGB 149 138 106

CMYK 0 / 7 / 29 / 42

HEX #958A6A

RGB 149 138 106

HSL 44.65, 0.17%, 0.5%

LAB 57.66, -1.11, 18.66

 

RGB 166 157 130

CMYK 0 / 5 / 22 / 35

HEX #A69D82

RGB 166 157 130

HSL 45, 0.17%, 0.58%

LAB 64.83, -1.25, 15.32

 

RGB 183 176 154

CMYK 0 / 4 / 16 / 28

HEX #B7B09A

RGB 183 176 154

HSL 45.52, 0.17%, 0.66%

LAB 71.86, -1.26, 12.16

 

RGB 200 195 178

CMYK 0 / 3 / 11 / 22

HEX #C8C3B2

RGB 200 195 178

HSL 46.36, 0.17%, 0.74%

LAB 78.77, -1.19, 9.16

 

Linéaire

HEX #CFDADA sur HEX #CED6D9


Code CSS:

background-image: linear-gradient(135deg, #CFDADA -4%, #CED6D9 96%);

Radial

HEX #CFDADA sur HEX #CED6D9


Code CSS:

background-image: radial-gradient(circle, #CFDADA 0%, #CED6D9 208%);

 

HEX #CFDADA sur HEX #CED9D9


Code CSS:

background-image: linear-gradient(135deg, #CFDADA 13%, #CED9D9 102%);

 

HEX #CFDADA sur HEX #CED9D9


Code CSS:

background-image: radial-gradient(circle, #CFDADA 3%, #CED9D9 194%);

 

HEX #CED6D9 sur HEX #CFDADA


Code CSS:

background-image: linear-gradient(135deg, #CED6D9 -2%, #CFDADA 109%);

 

HEX #CED6D9 sur HEX #CFDADA


Code CSS:

background-image: radial-gradient(circle, #CED6D9 9%, #CFDADA 206%);

 

HEX #CED6D9 sur HEX #CED9D9


Code CSS:

background-image: linear-gradient(135deg, #CED6D9 -5%, #CED9D9 99%);

 

HEX #CED6D9 sur HEX #CED9D9


Code CSS:

background-image: radial-gradient(circle, #CED6D9 3%, #CED9D9 201%);

 

HEX #CED9D9 sur HEX #CFDADA


Code CSS:

background-image: linear-gradient(135deg, #CED9D9 -8%, #CFDADA 104%);

 

HEX #CED9D9 sur HEX #CFDADA


Code CSS:

background-image: radial-gradient(circle, #CED9D9 -8%, #CFDADA 196%);

 

HEX #CED9D9 sur HEX #CED6D9


Code CSS:

background-image: linear-gradient(135deg, #CED9D9 -7%, #CED6D9 100%);

 

HEX #CED9D9 sur HEX #CED6D9


Code CSS:

background-image: radial-gradient(circle, #CED9D9 1%, #CED6D9 191%);

Linéaire

HEX #CFDADA sur HEX #CED6D9 sur HEX #CED9D9


Code CSS:

background-image: linear-gradient(135deg, #CFDADA -4%, #CED6D9 47%, #CED9D9 104%);

Radial

HEX #CFDADA sur HEX #CED6D9 sur HEX #CED9D9


Code CSS:

background-image: radial-gradient(circle, #CFDADA 7%, #CED6D9 48%, #CED9D9 105%);

 

HEX #CFDADA sur HEX #CED9D9 sur HEX #CED6D9


Code CSS:

background-image: linear-gradient(135deg, #CFDADA -1%, #CED9D9 57%, #CED6D9 100%);

 

HEX #CFDADA sur HEX #CED9D9 sur HEX #CED6D9


Code CSS:

background-image: radial-gradient(circle, #CFDADA 7%, #CED9D9 47%, #CED6D9 89%);

 

HEX #CED6D9 sur HEX #CFDADA sur HEX #CED9D9


Code CSS:

background-image: linear-gradient(135deg, #CED6D9 -5%, #CFDADA 51%, #CED9D9 104%);

 

HEX #CED6D9 sur HEX #CFDADA sur HEX #CED9D9


Code CSS:

background-image: radial-gradient(circle, #CED6D9 13%, #CFDADA 43%, #CED9D9 89%);

 

HEX #CED6D9 sur HEX #CED9D9 sur HEX #CFDADA


Code CSS:

background-image: linear-gradient(135deg, #CED6D9 1%, #CED9D9 52%, #CFDADA 86%);

 

HEX #CED6D9 sur HEX #CED9D9 sur HEX #CFDADA


Code CSS:

background-image: radial-gradient(circle, #CED6D9 -4%, #CED9D9 44%, #CFDADA 90%);

 

HEX #CED9D9 sur HEX #CFDADA sur HEX #CED6D9


Code CSS:

background-image: linear-gradient(135deg, #CED9D9 -9%, #CFDADA 44%, #CED6D9 94%);

 

HEX #CED9D9 sur HEX #CFDADA sur HEX #CED6D9


Code CSS:

background-image: radial-gradient(circle, #CED9D9 -1%, #CFDADA 58%, #CED6D9 91%);

 

HEX #CED9D9 sur HEX #CED6D9 sur HEX #CFDADA


Code CSS:

background-image: linear-gradient(135deg, #CED9D9 9%, #CED6D9 44%, #CFDADA 100%);

 

HEX #CED9D9 sur HEX #CED6D9 sur HEX #CFDADA


Code CSS:

background-image: radial-gradient(circle, #CED9D9 14%, #CED6D9 48%, #CFDADA 104%);

Dégradé de 2 couleurs adapté (12 pièces)

Montre-les-moi

Dégradé de 3 couleurs adapté (12 pièces)

Montre-les-moi

Vérification de leur palette de couleurs en tant que fabricant !

Offrez aux designers et aux agences des valeurs chromatiques précises.

C'est parti

Annonce

Conversions populaires

RGB en HEX

convertir de RGB rouge vert bleu sur #RRGGBB

RGB en CMYK

convertir de RGB rouge vert bleu sur CMYK cyan / magenta / jaune / key

Icons

RGB en RAL®

convertir de RGB rouge vert bleu sur Numéro RAL® (RAL 0000)

RGB en HKS®

convertir de RGB rouge vert bleu sur Numéro HKS® (HKS 00)

RGB en PANTONE®

convertir de RGB rouge vert bleu sur Numéro Pantone® (Pantone 0000)

RGB en Sherwin Williams®

convertir de RGB rouge vert bleu sur Sherwin Williams® numéro (SW 0000)

RGB en NCS®

convertir de RGB rouge vert bleu sur Numéro NCS (S0000-X00X)

nsc-logo

RGBA en HEX

convertir de RGBA rouge vert bleu transparent sur #RRGGBB

RGBA en CMYK

convertir de RGBA rouge vert bleu transparent sur CMYK cyan / magenta / jaune / key

Icons

RGBA en RAL®

convertir de RGBA rouge vert bleu transparent sur Numéro RAL® (RAL 0000)

RGBA en HKS®

convertir de RGBA rouge vert bleu transparent sur Numéro HKS® (HKS 00)

RGBA en PANTONE®

convertir de RGBA rouge vert bleu transparent sur Numéro Pantone® (Pantone 0000)

RGBA en Sherwin Williams®

convertir de RGBA rouge vert bleu transparent sur Sherwin Williams® numéro (SW 0000)

RGBA en NCS®

convertir de RGBA rouge vert bleu transparent sur Numéro NCS (S0000-X00X)

nsc-logo

CMYK en HEX

convertir de CMYK cyan / magenta / jaune / key sur #RRGGBB

CMYK en RGB

convertir de CMYK cyan / magenta / jaune / key sur RGB rouge vert bleu

CMYK en RGBA

convertir de CMYK cyan / magenta / jaune / key sur RGBA rouge vert bleu transparent

CMYK en RAL®

convertir de CMYK cyan / magenta / jaune / key sur Numéro RAL® (RAL 0000)

CMYK en HKS®

convertir de CMYK cyan / magenta / jaune / key sur Numéro HKS® (HKS 00)

CMYK en PANTONE®

convertir de CMYK cyan / magenta / jaune / key sur Numéro Pantone® (Pantone 0000)

CMYK en Sherwin Williams®

convertir de CMYK cyan / magenta / jaune / key sur Sherwin Williams® numéro (SW 0000)

CMYK en NCS®

convertir de CMYK cyan / magenta / jaune / key sur Numéro NCS (S0000-X00X)

nsc-logo

HEX en RGB

convertir de #RRGGBB sur RGB rouge vert bleu

HEX en RGBA

convertir de #RRGGBB sur RGBA rouge vert bleu transparent

HEX en CMYK

convertir de #RRGGBB sur CMYK cyan / magenta / jaune / key

Icons

HEX en RAL®

convertir de #RRGGBB sur Numéro RAL® (RAL 0000)

HEX en HKS®

convertir de #RRGGBB sur Numéro HKS® (HKS 00)

HEX en PANTONE®

convertir de #RRGGBB sur Numéro Pantone® (Pantone 0000)

HEX en Sherwin Williams®

convertir de #RRGGBB sur Sherwin Williams® numéro (SW 0000)

HEX en NCS®

convertir de #RRGGBB sur Numéro NCS (S0000-X00X)

nsc-logo

RAL® en RGB

convertir de Numéro RAL® (RAL 0000) sur RGB rouge vert bleu

RAL® en RGBA

convertir de Numéro RAL® (RAL 0000) sur RGBA rouge vert bleu transparent

RAL® en CMYK

convertir de Numéro RAL® (RAL 0000) sur CMYK cyan / magenta / jaune / key

Icons

RAL® en HEX

convertir de Numéro RAL® (RAL 0000) sur #RRGGBB

RAL® en HKS®

convertir de Numéro RAL® (RAL 0000) sur Numéro HKS® (HKS 00)

RAL® en PANTONE®

convertir de Numéro RAL® (RAL 0000) sur Numéro Pantone® (Pantone 0000)

RAL® en Sherwin Williams®

convertir de Numéro RAL® (RAL 0000) sur Sherwin Williams® numéro (SW 0000)

RAL® en NCS®

convertir de Numéro RAL® (RAL 0000) sur Numéro NCS (S0000-X00X)

nsc-logo

HKS® en RGB

convertir de Numéro HKS® (HKS 00) sur RGB rouge vert bleu

HKS® en RGBA

convertir de Numéro HKS® (HKS 00) sur RGBA rouge vert bleu transparent

HKS® en CMYK

convertir de Numéro HKS® (HKS 00) sur CMYK cyan / magenta / jaune / key

Icons

HKS® en HEX

convertir de Numéro HKS® (HKS 00) sur #RRGGBB

HKS® en RAL®

convertir de Numéro HKS® (HKS 00) sur Numéro RAL® (RAL 0000)

HKS® en PANTONE®

convertir de Numéro HKS® (HKS 00) sur Numéro Pantone® (Pantone 0000)

HKS® en Sherwin Williams®

convertir de Numéro HKS® (HKS 00) sur Sherwin Williams® numéro (SW 0000)

HKS® en NCS®

convertir de Numéro HKS® (HKS 00) sur Numéro NCS (S0000-X00X)

nsc-logo

PANTONE® en RGB

convertir de Numéro Pantone® (Pantone 0000) sur RGB rouge vert bleu

PANTONE® en RGBA

convertir de Numéro Pantone® (Pantone 0000) sur RGBA rouge vert bleu transparent

PANTONE® en CMYK

convertir de Numéro Pantone® (Pantone 0000) sur CMYK cyan / magenta / jaune / key

Icons

PANTONE® en HEX

convertir de Numéro Pantone® (Pantone 0000) sur #RRGGBB

PANTONE® en RAL®

convertir de Numéro Pantone® (Pantone 0000) sur Numéro RAL® (RAL 0000)

PANTONE® en HKS®

convertir de Numéro Pantone® (Pantone 0000) sur Numéro HKS® (HKS 00)

PANTONE® en Sherwin Williams®

convertir de Numéro Pantone® (Pantone 0000) sur Sherwin Williams® numéro (SW 0000)

PANTONE® en NCS®

convertir de Numéro Pantone® (Pantone 0000) sur Numéro NCS (S0000-X00X)

nsc-logo

Sherwin Williams® en RGB

convertir de Sherwin Williams® numéro (SW 0000) sur RGB rouge vert bleu

Sherwin Williams® en RGBA

convertir de Sherwin Williams® numéro (SW 0000) sur RGBA rouge vert bleu transparent

Sherwin Williams® en CMYK

convertir de Sherwin Williams® numéro (SW 0000) sur CMYK cyan / magenta / jaune / key

Icons

Sherwin Williams® en HEX

convertir de Sherwin Williams® numéro (SW 0000) sur #RRGGBB

Sherwin Williams® en RAL®

convertir de Sherwin Williams® numéro (SW 0000) sur Numéro RAL® (RAL 0000)

Sherwin Williams® en HKS®

convertir de Sherwin Williams® numéro (SW 0000) sur Numéro HKS® (HKS 00)

Sherwin Williams® en PANTONE®

convertir de Sherwin Williams® numéro (SW 0000) sur Numéro Pantone® (Pantone 0000)

Sherwin Williams® en NCS®

convertir de Sherwin Williams® numéro (SW 0000) sur Numéro NCS (S0000-X00X)

nsc-logo

NCS® en RGB

convertir de Numéro NCS (S0000-X00X) sur RGB rouge vert bleu

NCS® en RGBA

convertir de Numéro NCS (S0000-X00X) sur RGBA rouge vert bleu transparent

NCS® en CMYK

convertir de Numéro NCS (S0000-X00X) sur CMYK cyan / magenta / jaune / key

Icons

NCS® en HEX

convertir de Numéro NCS (S0000-X00X) sur #RRGGBB

NCS® en RAL®

convertir de Numéro NCS (S0000-X00X) sur Numéro RAL® (RAL 0000)

NCS® en HKS®

convertir de Numéro NCS (S0000-X00X) sur Numéro HKS® (HKS 00)

NCS® en PANTONE®

convertir de Numéro NCS (S0000-X00X) sur Numéro Pantone® (Pantone 0000)

NCS® en Sherwin Williams®

convertir de Numéro NCS (S0000-X00X) sur Sherwin Williams® numéro (SW 0000)

To be able to save color palettes, you must be logged in.

Sign in to your account

or

Create an account

Current color palette Share
Should it be public or private?
Link(s) will follow after sharing.

Cancel Share

Color palette shared
Please copy and save the link you want.

Share

OK, I have copied the links

Your colors will be saved in a new color palette.
View it under your profile.
You can further customize it, and share it.

Show color palette
Close

Create a color palette

DownloadDownload in different formats

Remove All

By clicking you can create palettes and download the color swatches.