Nouveau: Paquets API disponibles

Notre nouvelle API t'offre maintenant encore plus de contrôle sur la conversion des couleurs - parfait pour les projets web, les plugins, les outils internes ou les applications SaaS.
Crée plusieurs clés API, gère ton quota mensuel de jetons et intègre qConv de manière flexible dans tes applications.

Jusqu'à 2025-08-15 : prix de lancement sur tous les packs!

VOIR MAINTENANT X

CSS Gradients:
RGB 255 1 1

Information

ferme tous les

Laisse-toi suggérer des CSS dégradés de deux teintes comme la teinte de base et la couleur complémentaire.

Trouve des exemples de transitions de couleurs linéaires et radiales.

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

Laisse-toi suggérer des CSS dégradés de deux teintes, comme la teinte de base et une teinte plus claire.

Trouve des exemples de transitions linéaires et radiales de Teintes plus claires.

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

Laisse-toi suggérer des CSS dégradés de deux teintes, comme la teinte de base et une teinte plus foncée.

Trouve des exemples de transitions de couleurs linéaires et radiales de Teintes plus foncées.

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

Options d'affichage

Description

Pour cette couleur, le rouge se distingue des autres couleurs. La valeur qui représente la teinte rouge est plus grande que les deux autres valeurs. Elle se démarque largement de la valeur correspondant à la teinte verte et à la teinte bleue. Comme les valeurs chromatiques sont relativement faibles par rapport aux autres, cette teinte nous semble plus sombre.

La décomposition de la couleur dans le système de couleurs RGB : dans cette teinte, sur 255 parts de couleurs maximales, respectivement 255 Rouge, 1 Vert et 1 bleu.

Du mélange de ces couleurs résulte la teinte affichée au milieu des chevauchements.

Dans la représentation, tu vois comment la couleur est composée des trois éléments rouge (en haut), vert (en bas à droite) et bleu (en bas à gauche). Au centre, tu peux voir la couleur résultante.
255 1 1 R G B
Dans le système de couleurs CMYK, la couleur est composée de la manière suivante : Dans cette teinte, sur 100 parts maximales de couleur, respectivement pas de cyan, 100 magenta, 100 jaune et pas de key.

Du mélange de ces couleurs résulte la teinte affichée au milieu des chevauchements.

Dans la représentation, tu vois comment la couleur est composée des quatre éléments cyan (en haut à gauche), magenta (en haut à droite), jaune ou yellow (en bas à droite) et noir ou key (en bas à gauche). Au centre, tu peux voir la couleur obtenue.
0% 100% 100% 0% C M Y K



Marques

Cette couleur est utilisée par au moins une entreprise. Tu peux voir laquelle ici :

98% - Ben Truyman
Lien: http://bentruyman.com

38% - Keputusan 4D / 4D Re...
Lien: http://lucky4d.com

100% - 101010
Lien: http://tententen.in

22% - 일베저장소 - 일간베스트, 개드립, ...
Lien: http://www.ilbe.com

65% - Tiamat - The Ar
Lien: http://tiamat.pl

94% - ‚©‚ê[‚Ì“X‚¤‚Ç‚ñ
Lien: http://www18.ocn.ne.jp

100% - Pleinmeter
Lien: http://koninginnedag.vinton.nl

98% - ijooz - Agence Web &...
Lien: http://ijooz.com

64% - The Berrics - JIM GR...
Lien: http://theberrics.com

21% - CSS3.0 Maker | CSS3....
Lien: http://www.css3maker.com

22% - Cpf
Lien: http://www.cpf.co.th

25% - Comité des Fêtes de ...
Lien: http://saintlaurentsursave.fr

90% - Datalicious | Smart ...
Lien: http://www.datalicious.com

100% - 找不到資源。
Lien: http://projects.linkinedge.com

96% - CW-Software.at - Chr...
Lien: http://www.cw-software.at

42% - Memes - Bem Vindo ao...
Lien: http://cebulinha.com

63% - TK Sports Performanc...
Lien: http://helloweb.ca

30% - Perette.info - Bienv...
Lien: http://perette.info

49% - Bigrvisible
Lien: http://bigr.shopvisible.com

43% - Portal Clamor Urgent...
Lien: http://clamorurgente.com.br

100% - Home
Lien: http://www.wearetheapex.com

58% - eNormy.pl - Polskie ...
Lien: http://enormy.pl

53% - RUBBER SOUL -Shunsuk...
Lien: http://rubber-s.com

42% - | Brico Depôt
Lien: http://www.bricodepot.es

25% - Bandera de Italia, I...
Lien: http://www.banderas-e-himnos.com

87% - BIENVENIDOS A SOFTWA...
Lien: http://www.cobralex.cl

74% - Home - Gemeente Amst...
Lien: http://www.amsterdam.nl

15% - JEROBOAM CO.,LTD | ジ...
Lien: http://www.jeroboam.co.jp

29% - STABILO.com
Lien: http://www.stabilo.com

99% - Flobbi | De hoogste ...
Lien: https://www.flobbi.nl

49% - AndrodesMx
Lien: http://www.androdes.com

54% - Concave Football Boo...
Lien: http://3oneseven.com

73% - MAGNAGLOBAL | Strate...
Lien: http://3oneseven.com

43% - I amsterdam - Your g...
Lien: http://www.iamsterdam.com

56% - Toshiba Deutschland ...
Lien: http://www.toshiba.de

100% - logo-santander.png (...
Lien: http://sustentabilidade.santander.com.br

77% - Disenos en Acero
Lien: http://www.disenosenacero.com.co

98% - 无法找到资源。
Lien: http://www.parcelchina.co.uk

78% - Sensual Femdom - Fem...
Lien: http://www.sensualfemdom.it

48% - Order Now, Taste Mor...
Lien: http://order.chicken-republic.com

60% - Página indisponível
Lien: http://www.webmotors.com.br

85% - BRIGANTE CARTONE 6 F...
Lien: http://www.fratellirevelli.it

59% - ::Inicio - Miranda, ...
Lien: http://www.mirandabyc.com

22% - 常新鋼業株式会社
Lien: http://kato-san.sakura.ne.jp

30% - Quarkkeulchen in Ber...
Lien: http://www.muffin-manufaktur-berlin.de

93% - Auction 2016 Homepag...
Lien: http://justdogood.schoolauction.net

91% - Our Mission
Lien: http://southcentralscholars.org

94% - NEA blogmagazine
Lien: http://www.neablog.com

83% - Love More //...
Lien: http://morebybourn.com

56% - Meiji Holdings
Lien: http://www.meiji.com

100% - Go There
Lien: http://thubui.azurewebsites.net

21% - Компания ARTOX. Отзы...
Lien: http://www.artox.com

38% - فروشگاه اینترنتی آسا...
Lien: http://asanpackshop.com

57% - Cenník – 9miestneaut...
Lien: http://9miestneauto.redicon.sk

23% - A potentially danger...
Lien: http://www.comparex-group.com

69% - Online Marketing Sol...
Lien: http://www.socialzipp.com

27% - Runtime Error
Lien: http://www.jabra.br.com

27% - Runtime Error
Lien: http://beforegoinglive.com

57% - The resource cannot ...
Lien: https://www.cn-abs.com

38% - Qui sommes-nous ?
Lien: http://presta-france.fr

79% - вОкруг да ОкОлО инве...
Lien: http://roundabout.ru

78% - Shared Ownership Mor...
Lien: http://www.shared-ownership-mortgages.com

66% - Подбор недвижимости\...
Lien: http://nika-tmn.ru

24% - COMPUTER TEAM SA - Κ...
Lien: http://www.cteam.gr

45% - Women's Dresses ...
Lien: http://www.newlook.com

76% - O podjetju
Lien: http://studentdocker.informatika.uni-mb.si:8089

53% - Home Page
Lien: http://studentdocker.informatika.uni-mb.si:8084

76% - Home page
Lien: http://studentdocker.informatika.uni-mb.si:8081

30% - NEIL KEENAN UPDATE G...
Lien: http://neilkeenan.com

77% - Welcome to the Natio...
Lien: http://www.nda.ac.jp

39% - ログイン|お客様サポートサイト|株式会社...
Lien: http://support.wiseman.co.jp

29% - 搜狗网址导航--网址大全,实用网址,尽在...
Lien: https://123.sogou.com

62% - Sparkassen in Deutsc...
Lien: http://snet.de

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

Linéaire

HEX #FF0101 sur HEX #00FEFE


Code CSS:

background-image: linear-gradient(135deg, #FF0101 10%, #00FEFE 97%);

Radial

HEX #FF0101 sur HEX #00FEFE


Code CSS:

background-image: radial-gradient(circle, #FF0101 5%, #00FEFE 100%);

 

HEX #00FEFE sur HEX #FF0101


Code CSS:

background-image: linear-gradient(135deg, #00FEFE 1%, #FF0101 92%);

 

HEX #00FEFE sur HEX #FF0101


Code CSS:

background-image: radial-gradient(circle, #00FEFE 8%, #FF0101 89%);

Linéaire

HEX #FF0101 sur HEX #FF0043


Code CSS:

background-image: linear-gradient(135deg, #FF0101 4%, #FF0043 87%);

Radial

HEX #FF0101 sur HEX #FF0043


Code CSS:

background-image: radial-gradient(circle, #FF0101 5%, #FF0043 91%);

 

HEX #FF0043 sur HEX #FF0101


Code CSS:

background-image: linear-gradient(135deg, #FF0043 9%, #FF0101 87%);

 

HEX #FF0043 sur HEX #FF0101


Code CSS:

background-image: radial-gradient(circle, #FF0043 9%, #FF0101 93%);

 

HEX #FF0101 sur HEX #FF0000


Code CSS:

background-image: linear-gradient(135deg, #FF0101 9%, #FF0000 87%);

 

HEX #FF0101 sur HEX #FF0000


Code CSS:

background-image: radial-gradient(circle, #FF0101 5%, #FF0000 91%);

 

HEX #FF0000 sur HEX #FF0101


Code CSS:

background-image: linear-gradient(135deg, #FF0000 1%, #FF0101 93%);

 

HEX #FF0000 sur HEX #FF0101


Code CSS:

background-image: radial-gradient(circle, #FF0000 9%, #FF0101 88%);

 

HEX #FF0101 sur HEX #FF4300


Code CSS:

background-image: linear-gradient(135deg, #FF0101 11%, #FF4300 96%);

 

HEX #FF0101 sur HEX #FF4300


Code CSS:

background-image: radial-gradient(circle, #FF0101 4%, #FF4300 99%);

 

HEX #FF4300 sur HEX #FF0101


Code CSS:

background-image: linear-gradient(135deg, #FF4300 2%, #FF0101 86%);

 

HEX #FF4300 sur HEX #FF0101


Code CSS:

background-image: radial-gradient(circle, #FF4300 4%, #FF0101 100%);

 

HEX #FF0101 sur HEX #FF8800


Code CSS:

background-image: linear-gradient(135deg, #FF0101 10%, #FF8800 90%);

 

HEX #FF0101 sur HEX #FF8800


Code CSS:

background-image: radial-gradient(circle, #FF0101 13%, #FF8800 93%);

 

HEX #FF8800 sur HEX #FF0101


Code CSS:

background-image: linear-gradient(135deg, #FF8800 6%, #FF0101 97%);

 

HEX #FF8800 sur HEX #FF0101


Code CSS:

background-image: radial-gradient(circle, #FF8800 12%, #FF0101 97%);

Linéaire

HEX #FF0101 sur HEX #D50000


Code CSS:

background-image: linear-gradient(135deg, #FF0101 5%, #D50000 88%);

Radial

HEX #FF0101 sur HEX #D50000


Code CSS:

background-image: radial-gradient(circle, #FF0101 5%, #D50000 91%);

 

HEX #D50000 sur HEX #FF0101


Code CSS:

background-image: linear-gradient(135deg, #D50000 12%, #FF0101 86%);

 

HEX #D50000 sur HEX #FF0101


Code CSS:

background-image: radial-gradient(circle, #D50000 4%, #FF0101 96%);

 

HEX #FF0101 sur HEX #FF0000


Code CSS:

background-image: linear-gradient(135deg, #FF0101 4%, #FF0000 99%);

 

HEX #FF0101 sur HEX #FF0000


Code CSS:

background-image: radial-gradient(circle, #FF0101 6%, #FF0000 87%);

 

HEX #FF0000 sur HEX #FF0101


Code CSS:

background-image: linear-gradient(135deg, #FF0000 5%, #FF0101 93%);

 

HEX #FF0000 sur HEX #FF0101


Code CSS:

background-image: radial-gradient(circle, #FF0000 0%, #FF0101 100%);

 

HEX #FF0101 sur HEX #FF2929


Code CSS:

background-image: linear-gradient(135deg, #FF0101 11%, #FF2929 94%);

 

HEX #FF0101 sur HEX #FF2929


Code CSS:

background-image: radial-gradient(circle, #FF0101 4%, #FF2929 96%);

 

HEX #FF2929 sur HEX #FF0101


Code CSS:

background-image: linear-gradient(135deg, #FF2929 12%, #FF0101 91%);

 

HEX #FF2929 sur HEX #FF0101


Code CSS:

background-image: radial-gradient(circle, #FF2929 1%, #FF0101 97%);

 

HEX #FF0101 sur HEX #FF5252


Code CSS:

background-image: linear-gradient(135deg, #FF0101 11%, #FF5252 92%);

 

HEX #FF0101 sur HEX #FF5252


Code CSS:

background-image: radial-gradient(circle, #FF0101 12%, #FF5252 94%);

 

HEX #FF5252 sur HEX #FF0101


Code CSS:

background-image: linear-gradient(135deg, #FF5252 12%, #FF0101 91%);

 

HEX #FF5252 sur HEX #FF0101


Code CSS:

background-image: radial-gradient(circle, #FF5252 3%, #FF0101 90%);

Linéaire

HEX #FF0101 sur HEX #FF0043


Code CSS:

background-image: linear-gradient(135deg, #FF0101 13%, #FF0043 100%);

Radial

HEX #FF0101 sur HEX #FF0043


Code CSS:

background-image: radial-gradient(circle, #FF0101 14%, #FF0043 88%);

 

HEX #FF0043 sur HEX #FF0101


Code CSS:

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

 

HEX #FF0043 sur HEX #FF0101


Code CSS:

background-image: radial-gradient(circle, #FF0043 4%, #FF0101 96%);

 

HEX #FF0101 sur HEX #FF0000


Code CSS:

background-image: linear-gradient(135deg, #FF0101 11%, #FF0000 88%);

 

HEX #FF0101 sur HEX #FF0000


Code CSS:

background-image: radial-gradient(circle, #FF0101 7%, #FF0000 90%);

 

HEX #FF0000 sur HEX #FF0101


Code CSS:

background-image: linear-gradient(135deg, #FF0000 2%, #FF0101 91%);

 

HEX #FF0000 sur HEX #FF0101


Code CSS:

background-image: radial-gradient(circle, #FF0000 5%, #FF0101 96%);

 

HEX #FF0101 sur HEX #FF4300


Code CSS:

background-image: linear-gradient(135deg, #FF0101 0%, #FF4300 99%);

 

HEX #FF0101 sur HEX #FF4300


Code CSS:

background-image: radial-gradient(circle, #FF0101 0%, #FF4300 95%);

 

HEX #FF4300 sur HEX #FF0101


Code CSS:

background-image: linear-gradient(135deg, #FF4300 5%, #FF0101 92%);

 

HEX #FF4300 sur HEX #FF0101


Code CSS:

background-image: radial-gradient(circle, #FF4300 5%, #FF0101 93%);

 

HEX #FF0101 sur HEX #FF8800


Code CSS:

background-image: linear-gradient(135deg, #FF0101 1%, #FF8800 92%);

 

HEX #FF0101 sur HEX #FF8800


Code CSS:

background-image: radial-gradient(circle, #FF0101 0%, #FF8800 97%);

 

HEX #FF8800 sur HEX #FF0101


Code CSS:

background-image: linear-gradient(135deg, #FF8800 10%, #FF0101 93%);

 

HEX #FF8800 sur HEX #FF0101


Code CSS:

background-image: radial-gradient(circle, #FF8800 0%, #FF0101 89%);

Linéaire

HEX #FF0101 sur HEX #D50000


Code CSS:

background-image: linear-gradient(135deg, #FF0101 13%, #D50000 100%);

Radial

HEX #FF0101 sur HEX #D50000


Code CSS:

background-image: radial-gradient(circle, #FF0101 12%, #D50000 99%);

 

HEX #D50000 sur HEX #FF0101


Code CSS:

background-image: linear-gradient(135deg, #D50000 13%, #FF0101 94%);

 

HEX #D50000 sur HEX #FF0101


Code CSS:

background-image: radial-gradient(circle, #D50000 0%, #FF0101 88%);

 

HEX #FF0101 sur HEX #FF0000


Code CSS:

background-image: linear-gradient(135deg, #FF0101 4%, #FF0000 89%);

 

HEX #FF0101 sur HEX #FF0000


Code CSS:

background-image: radial-gradient(circle, #FF0101 12%, #FF0000 97%);

 

HEX #FF0000 sur HEX #FF0101


Code CSS:

background-image: linear-gradient(135deg, #FF0000 5%, #FF0101 90%);

 

HEX #FF0000 sur HEX #FF0101


Code CSS:

background-image: radial-gradient(circle, #FF0000 14%, #FF0101 98%);

 

HEX #FF0101 sur HEX #FF2929


Code CSS:

background-image: linear-gradient(135deg, #FF0101 7%, #FF2929 89%);

 

HEX #FF0101 sur HEX #FF2929


Code CSS:

background-image: radial-gradient(circle, #FF0101 7%, #FF2929 89%);

 

HEX #FF2929 sur HEX #FF0101


Code CSS:

background-image: linear-gradient(135deg, #FF2929 0%, #FF0101 93%);

 

HEX #FF2929 sur HEX #FF0101


Code CSS:

background-image: radial-gradient(circle, #FF2929 4%, #FF0101 95%);

 

HEX #FF0101 sur HEX #FF5252


Code CSS:

background-image: linear-gradient(135deg, #FF0101 7%, #FF5252 93%);

 

HEX #FF0101 sur HEX #FF5252


Code CSS:

background-image: radial-gradient(circle, #FF0101 1%, #FF5252 96%);

 

HEX #FF5252 sur HEX #FF0101


Code CSS:

background-image: linear-gradient(135deg, #FF5252 5%, #FF0101 91%);

 

HEX #FF5252 sur HEX #FF0101


Code CSS:

background-image: radial-gradient(circle, #FF5252 5%, #FF0101 92%);

Linéaire

HEX #FF0101 sur HEX #CCFF00


Code CSS:

background-image: linear-gradient(135deg, #FF0101 6%, #CCFF00 90%);

Radial

HEX #FF0101 sur HEX #CCFF00


Code CSS:

background-image: radial-gradient(circle, #FF0101 2%, #CCFF00 90%);

 

HEX #CCFF00 sur HEX #FF0101


Code CSS:

background-image: linear-gradient(135deg, #CCFF00 12%, #FF0101 91%);

 

HEX #CCFF00 sur HEX #FF0101


Code CSS:

background-image: radial-gradient(circle, #CCFF00 10%, #FF0101 89%);

 

HEX #FF0101 sur HEX #0065FF


Code CSS:

background-image: linear-gradient(135deg, #FF0101 14%, #0065FF 87%);

 

HEX #FF0101 sur HEX #0065FF


Code CSS:

background-image: radial-gradient(circle, #FF0101 8%, #0065FF 91%);

 

HEX #0065FF sur HEX #FF0101


Code CSS:

background-image: linear-gradient(135deg, #0065FF 3%, #FF0101 87%);

 

HEX #0065FF sur HEX #FF0101


Code CSS:

background-image: radial-gradient(circle, #0065FF 3%, #FF0101 87%);

Linéaire

HEX #FF0101 sur HEX #00FF00


Code CSS:

background-image: linear-gradient(135deg, #FF0101 2%, #00FF00 88%);

Radial

HEX #FF0101 sur HEX #00FF00


Code CSS:

background-image: radial-gradient(circle, #FF0101 10%, #00FF00 95%);

 

HEX #00FF00 sur HEX #FF0101


Code CSS:

background-image: linear-gradient(135deg, #00FF00 13%, #FF0101 89%);

 

HEX #00FF00 sur HEX #FF0101


Code CSS:

background-image: radial-gradient(circle, #00FF00 2%, #FF0101 90%);

 

HEX #FF0101 sur HEX #0000FF


Code CSS:

background-image: linear-gradient(135deg, #FF0101 3%, #0000FF 100%);

 

HEX #FF0101 sur HEX #0000FF


Code CSS:

background-image: radial-gradient(circle, #FF0101 0%, #0000FF 95%);

 

HEX #0000FF sur HEX #FF0101


Code CSS:

background-image: linear-gradient(135deg, #0000FF 4%, #FF0101 91%);

 

HEX #0000FF sur HEX #FF0101


Code CSS:

background-image: radial-gradient(circle, #0000FF 11%, #FF0101 89%);

Linéaire

HEX #FF0101 sur HEX #CCFF00


Code CSS:

background-image: linear-gradient(135deg, #FF0101 7%, #CCFF00 94%);

Radial

HEX #FF0101 sur HEX #CCFF00


Code CSS:

background-image: radial-gradient(circle, #FF0101 11%, #CCFF00 99%);

 

HEX #CCFF00 sur HEX #FF0101


Code CSS:

background-image: linear-gradient(135deg, #CCFF00 10%, #FF0101 98%);

 

HEX #CCFF00 sur HEX #FF0101


Code CSS:

background-image: radial-gradient(circle, #CCFF00 11%, #FF0101 99%);

 

HEX #FF0101 sur HEX #00FFFF


Code CSS:

background-image: linear-gradient(135deg, #FF0101 8%, #00FFFF 98%);

 

HEX #FF0101 sur HEX #00FFFF


Code CSS:

background-image: radial-gradient(circle, #FF0101 10%, #00FFFF 95%);

 

HEX #00FFFF sur HEX #FF0101


Code CSS:

background-image: linear-gradient(135deg, #00FFFF 9%, #FF0101 98%);

 

HEX #00FFFF sur HEX #FF0101


Code CSS:

background-image: radial-gradient(circle, #00FFFF 3%, #FF0101 86%);

 

HEX #FF0101 sur HEX #3300FF


Code CSS:

background-image: linear-gradient(135deg, #FF0101 12%, #3300FF 86%);

 

HEX #FF0101 sur HEX #3300FF


Code CSS:

background-image: radial-gradient(circle, #FF0101 11%, #3300FF 89%);

 

HEX #3300FF sur HEX #FF0101


Code CSS:

background-image: linear-gradient(135deg, #3300FF 2%, #FF0101 91%);

 

HEX #3300FF sur HEX #FF0101


Code CSS:

background-image: radial-gradient(circle, #3300FF 3%, #FF0101 94%);

Linéaire

HEX #FF0101 sur HEX #7FFF00


Code CSS:

background-image: linear-gradient(135deg, #FF0101 9%, #7FFF00 98%);

Radial

HEX #FF0101 sur HEX #7FFF00


Code CSS:

background-image: radial-gradient(circle, #FF0101 11%, #7FFF00 97%);

 

HEX #7FFF00 sur HEX #FF0101


Code CSS:

background-image: linear-gradient(135deg, #7FFF00 9%, #FF0101 90%);

 

HEX #7FFF00 sur HEX #FF0101


Code CSS:

background-image: radial-gradient(circle, #7FFF00 3%, #FF0101 95%);

 

HEX #FF0101 sur HEX #00FFFF


Code CSS:

background-image: linear-gradient(135deg, #FF0101 13%, #00FFFF 86%);

 

HEX #FF0101 sur HEX #00FFFF


Code CSS:

background-image: radial-gradient(circle, #FF0101 8%, #00FFFF 98%);

 

HEX #00FFFF sur HEX #FF0101


Code CSS:

background-image: linear-gradient(135deg, #00FFFF 13%, #FF0101 88%);

 

HEX #00FFFF sur HEX #FF0101


Code CSS:

background-image: radial-gradient(circle, #00FFFF 2%, #FF0101 89%);

 

HEX #FF0101 sur HEX #7F00FF


Code CSS:

background-image: linear-gradient(135deg, #FF0101 10%, #7F00FF 89%);

 

HEX #FF0101 sur HEX #7F00FF


Code CSS:

background-image: radial-gradient(circle, #FF0101 4%, #7F00FF 90%);

 

HEX #7F00FF sur HEX #FF0101


Code CSS:

background-image: linear-gradient(135deg, #7F00FF 13%, #FF0101 93%);

 

HEX #7F00FF sur HEX #FF0101


Code CSS:

background-image: radial-gradient(circle, #7F00FF 12%, #FF0101 86%);

Afficher plus de palettes de couleurs

Services

Couleurs

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)

Pour pouvoir enregistrer des palettes de couleurs, tu dois être connecté.

Se connecter à ton compte

ou

Créer un compte

Partager la palette de couleurs actuelle
Doit-elle être publique ou privée?
Les liens suivent après le partage.

Annuler Partager

Palette de couleurs partagée
Veuillez copier et enregistrer le lien que vous souhaitez.

Partager

OK, j'ai copié les liens

Tes couleurs sont enregistrées dans une nouvelle palette de couleurs.
Vois-la sous ton profil.
Tu peux la personnaliser davantage et la partager.

Afficher la palette de couleurs
Fermer

Créer une palette de couleurs

TéléchargerTélécharger dans différents formats

Tout supprimer

En cliquant sur , tu peux créer des palettes et télécharger les nuanciers.