Перейти к содержимому

Получение цвета из буквы/букв

symbolColor(string) - Передаем строку, получаем цвет первой буквы или цифры. Русский и английский. Не боится ошибок.

перепроверить

const symColor = {
'А': '#ff5454',
'Б': '#a28882',
'В': '#ab7464',
'Г': '#a4aeac',
'Д': '#7a676b',
'Е': '#4c8af2',
'Ё': '#4cbad6',
'Ж': '#f5cc4c',
'З': '#84e26c',
'И': '#4ca2ca',
'Й': '#4ca2ca',
'К': '#9e6558',
'Л': '#e1e59a',
'М': '#ff8b4c',
'Н': '#4db679',
'О': '#cbcb44',
'П': '#dbd9d3',
'Р': '#6e666c',
'С': '#d1eea8',
'Т': '#81868b',
'У': '#f0eb4d',
'Ф': '#6e62ae',
'Х': '#dddbbd',
'Ц': '#cbdf92',
'Ч': '#dfac77',
'Ш': '#cac0ab',
'Щ': '#c5a897',
'Ъ': '#78787c',
'Ы': '#756766',
'Ь': '#e9e9e1',
'Э': '#a286ff',
'Ю': '#f9bc52',
'Я': '#f94c81',
'0': '#73bfd2',
'1': '#f69cac',
'2': '#8e8695',
'3': '#88d05b',
'4': '#efc74c',
'5': '#ff5454',
'6': '#5485d5',
'7': '#c3ef89',
'8': '#50b2ca',
'9': '#7871a8',
transcription: { A: 'А', B: 'Б', C: 'Ц', D: 'Д', E: 'Е', F: 'Ф', G: 'Г', H: 'Х', I: 'И', J: 'Ж', K: 'К', L: 'Л', M: 'М', N: 'Н', O: 'О', P: 'П', Q: 'Ю', R: 'Р', S: 'С', T: 'Т', U: 'У', V: 'В', W: 'В', X: 'Х', Y: 'Ю', Z: 'З' }
}
function symbolColor(str) {
const sym = fColor(String(str)[0].toUpperCase())
return (sym in symColor || sym in symColor.transcription[sym]) ? symColor[sym] ?? symColor.transcription[sym] : '#222222'
}
// пример использования jQuery
$('Элемент с именем').each((_, el) => {
let userName = $(el).text().split(' ', 2)
userName = (userName[1]) ? userName[0][0] + userName[1][0] : userName[0][0]
let elChild = $(el).parent().children('Элемент где нужно писать буквы и закрашивать фон').text(userName)
$(elChild).css('background-color', symbolColor($(elChild).text()))
})