Source
{{ selectedItem.source }}Content Type
{{ selectedItem.content_type.charAt(0).toUpperCase() + selectedItem.content_type.slice(1) }}Characters
{{ getCharacterCount }}Words
{{ getWordCount }}Dimensions
{{ imageDimensions[selectedItem.id] || "Loading..." }}Image size
{{ imageSizes[selectedItem.id] || "Loading..." }}Path
{{ selectedItem.content }}URL
{{ selectedItem.content }}Characters
{{ getCharacterCount }}Hex Code
{{ selectedItem.content }}RGB
{{ selectedItem.content.startsWith("#") ? `rgb(${parseInt( selectedItem.content.slice(1, 3), 16 )}, ${parseInt( selectedItem.content.slice(3, 5), 16 )}, ${parseInt(selectedItem.content.slice(5, 7), 16)})` : selectedItem.content }}HSL
{{ selectedItem.content.startsWith("#") ? (() => { const r = parseInt(selectedItem.content.slice(1, 3), 16) / 255; const g = parseInt(selectedItem.content.slice(3, 5), 16) / 255; const b = parseInt(selectedItem.content.slice(5, 7), 16) / 255; const max = Math.max(r, g, b); const min = Math.min(r, g, b); const l = (max + min) / 2; const d = max - min; const s = l > 0.5 ? d / (2 - max - min) : d / (max + min); let h = 0; if (max === r) h = (g - b) / d + (g < b ? 6 : 0); if (max === g) h = (b - r) / d + 2; if (max === b) h = (r - g) / d + 4; h = Math.round(h * 60); return `hsl(${h}, ${Math.round(s * 100)}%, ${Math.round( l * 100 )}%)`; })() : selectedItem.content }}Language
{{ selectedItem.language }}Lines
{{ getLineCount }}Copied
{{ getFormattedDate }}