Convertir Hex à RGBA
Mon violon http://jsbin.com/pitu/1/edit
Je voulais essayer un facile hex à rgba conversion. Jamais navigateur que j'ai utilisé rend des couleurs à l'aide de rvb par défaut donc, lorsque vous utilisez le farbtastic sélecteur de couleur, je suis la conversion de la valeur hexadécimale de rvb en le saisissant par la couleur d'arrière-plan la valeur hexadécimale génère (rvb par défaut = simple de conversion)
J'ai essayé de remplacer le )
symbole de , 1)
, mais cela ne fonctionne pas alors je suis allé voir combien conversion rvb led serait le travail, et je suis toujours avoir des ennuis.
Le jquery
$('.torgb').val($('#color').css('background-color'));
$('.torgba').val().replace(/rgb/g,"rgba");
Le but
MODIFIER:
TinyColor Est une grande manipulation de couleurs librairie js qui fait tout ce que je veux, ici, et plus encore. Je me figure les gars, vous voudrez peut-être donner un essai! - https://github.com/bgrins/TinyColor
- TinyColor c'Est une grande manipulation de couleurs librairie js qui fait tout ce que je veux, ici, et plus encore. Je me figure les gars, vous voudrez peut-être donner un essai!
Vous devez vous connecter pour publier un commentaire.
#ff0000aa
?@ElDoRado1239 a la bonne idée, mais il y a aussi une manière plus propre:
JS:
#fff
. Qui devrait être facilement réparable si!eslint
est juste le style de l'application. C'est seulement par hasard que rien de ce que j'ai écrit contredit vos préférences de style. En fait, ce ne serait pas passer peluchage sur le projet que je suis en train de travailler, par exemple.ES6 fonction pour seulement 6 caractères hex avec ou sans le '#':
Utilisation:
toString
surArray
rejoint avec,
et le fait d'entrée peut êtrerrggbbaa hex
vous pouvez la changer en const rvb = hex.match(...).tranche(0,3).carte(...) returnn`${rgb},${alpha}`;Si vous voulez les convertir en hexadécimal pour rgba alors vous pouvez utiliser cette fonction,
Voici les détails est hex à rgba
Propre Tapuscrit version:
Basé sur @AJFarkas de réponse.
Ici est une fonction qui retourne les valeurs rvb ou rvba si vous fournissez un alpha. La fonction convertit aussi court hex codes de couleur aussi.
fonction:
exemples:
ES6 moderne, RegEx gratuit, solution de contrôle d'erreur et de constant la flèche de la fonction, qui renvoie la valeur null pour les erreurs. Si alpha n'est pas donné, alors la valeur par défaut est utilisé:
Remarque: Il renvoie
null
pour les erreurs. Vous pouvez remplacer{return null;}
avec une instruction throw:{throw "Not a valid hex color!";}
, mais vous devez vous appelez ça de l'intérieurtry-catch
:Décembre 2018 - tout Hex Formulaire Approche Modulaire
Le principal défi est qu'à partir de 2018, il y a quelques formes de l'hexagone. Le 6 char forme traditionnelle, le 3 char raccourcir formulaire, et un nouveau de 4 et de 8 char forme qui inclut l'alpha (Qui n'est que partiellement pris en charge à compter d'aujourd'hui). La fonction suivante peut gérer n'importe quel HEX de la forme.
Noter que alpha pourrait être fourni à la fonction de l'une des façons suivantes:
Sortie
Pur JS solution si cela aide:
"alphaYes" est "true" ou "false" selon que vous voulez l'alpha ou pas.
else
mot-clé est inutile dans ce cas. Il sera de retour le non-alpha, peu importe.#f0a16e
). Je suggère de convertirhex
avectoUpperCase
premier.Voici un ES2015+ version qui est un peu plus défensive et gère le raccourci à 3 chiffres de la syntaxe.
J'ai aimé le @AJFarkas répondre et ajouter le support pour les raccourci hexadécimal (#fff) à
JS:
Et une autre basée autour de décalage de bits.
Essayer
JS:
HTML:
Convertir HEX avec alpha (ahex) à rgba.
Essayer vous-même avec extrait de:
JS:
HTML:
Auteur Original
Essayer Cette
hex
etrgba
fonctions en venir?