@jjlmoya/utils-developer 1.3.0 → 1.5.0

package/src/tool/colorConverter/i18n/nl.ts

@@ -0,0 +1,126 @@
+import type { WithContext, FAQPage, HowToThing, SoftwareApplication } from 'schema-dts';
+import type { ToolLocaleContent } from '../../../types';
+import type { ColorConverterUI } from '../ui';
+
+const slug = 'kleuren-converter-rgb-hex-hsl';
+const title = 'Online Kleuren Converter RGB HEX en HSL';
+const description = 'Converteer kleuren direct tussen RGB, HEX en HSL. Genereer complementaire kleurharmonieën en analyseer WCAG-contrast. 100% client-side en privé.';
+
+const faqData = [
+  {
+    question: 'Hoe werkt de RGB naar HEX en HSL kleurenconverter?',
+    answer: 'De tool neemt Rood, Groen en Blauw (RGB) waarden en gebruikt wiskundige algoritmen om deze om te zetten naar hun hexadecimale (HEX) equivalent of Hue, Saturation, Lightness (HSL) waarden. Het werkt ook omgekeerd.',
+  },
+  {
+    question: 'Waarom zou ik HSL gebruiken in plaats van HEX in mijn ontwerpen?',
+    answer: 'Het HSL-formaat is veel intuïtiever. Het stelt je in staat om verzadiging of lichtheid aan te passen zonder de tint te veranderen, waardoor het veel gemakkelijker is om harmonische paletten of knopstatussen (hover, uitgeschakeld) te maken.',
+  },
+  {
+    question: 'Wat is de relatieve contrastwaarde?',
+    answer: 'Het is een maatstaf die de leesbaarheid van tekst tegen een achtergrond aangeeft op basis van de luminantie. Hoog contrast zorgt ervoor dat mensen met een visuele beperking de inhoud kunnen lezen, volgens de WCAG-toegankelijkheidsrichtlijnen.',
+  },
+  {
+    question: 'Is het veilig om deze online kleurenconverter te gebruiken?',
+    answer: 'Absoluut. Omdat het 100% client-side is, verlaten je kleurgegevens nooit je computer. Alle verwerking vindt rechtstreeks plaats in je browser, wat privacy en directe prestaties garandeert.',
+  },
+];
+
+const howToData = [
+  { name: 'Selecteer een Kleur', text: 'Gebruik de Rood, Groen en Blauw schuifregelaars of typ een HEX-code rechtstreeks in het tekstveld.' },
+  { name: 'Pas RGB-kanalen aan', text: 'Verschuif de regelaars om de intensiteit van elk kanaal te veranderen en zie de real-time update.' },
+  { name: 'Kopieer het Formaat', text: 'Klik op de kopieerknop naast het HEX-, RGB- of HSL-formaat dat je nodig hebt.' },
+  { name: 'Verken Harmonieën', text: 'Klik op de harmoniekleuren (complementair, analoog, triadisch) om ze naar het klembord te kopiëren.' },
+];
+
+const faqSchema: WithContext<FAQPage> = {
+  '@context': 'https://schema.org',
+  '@type': 'FAQPage',
+  mainEntity: faqData.map((item) => ({
+    '@type': 'Question',
+    name: item.question,
+    acceptedAnswer: { '@type': 'Answer', text: item.answer },
+  })),
+};
+
+const howToSchema: WithContext<HowToThing> = {
+  '@context': 'https://schema.org',
+  '@type': 'HowTo',
+  name: title,
+  description,
+  step: howToData.map((s, i) => ({ '@type': 'HowToStep', position: i + 1, name: s.name, text: s.text })),
+};
+
+const appSchema: WithContext<SoftwareApplication> = {
+  '@context': 'https://schema.org',
+  '@type': 'SoftwareApplication',
+  name: title,
+  description,
+  applicationCategory: 'UtilityApplication',
+  operatingSystem: 'All',
+  offers: { '@type': 'Offer', price: '0', priceCurrency: 'EUR' },
+  inLanguage: 'nl',
+};
+
+const ui: ColorConverterUI = {
+  labelPreview: 'Voorbeeld (klik om HEX te kopiëren)',
+  labelHarmonies: 'Kleurharmonieën',
+  labelR: 'Rood',
+  labelG: 'Groen',
+  labelB: 'Blauw',
+  labelComp: 'Comp.',
+  labelAna1: 'Analoog 1',
+  labelAna2: 'Analoog 2',
+  labelTri1: 'Triadisch 1',
+  labelTri2: 'Triadisch 2',
+  btnCopy: 'Kopiëren',
+  btnCopied: 'Gekopieerd',
+  contrastLabel: 'Contrast',
+  clickToCopy: 'Klik om te kopiëren',
+};
+
+export const content: ToolLocaleContent<ColorConverterUI> = {
+  slug,
+  title,
+  description,
+  ui,
+  faqTitle: 'Veelgestelde Vragen',
+  faq: faqData,
+  bibliographyTitle: 'Kleur- en Webdesignbronnen',
+  bibliography: [
+    { name: 'W3C: CSS Kleur Documentatie', url: 'https://www.w3.org/TR/css-color-4/' },
+    { name: 'MDN: Gids voor HSL Kleurmodel', url: 'https://developer.mozilla.org/en-US/docs/Web/CSS/color_value/hsl' },
+    { name: 'WebAIM: Gids voor Contrast en Toegankelijkheid', url: 'https://webaim.org/resources/contrastchecker/' },
+  ],
+  howTo: howToData,
+  schemas: [faqSchema, howToSchema, appSchema],
+  seo: [
+    { type: 'title', text: 'RGB naar HEX en HSL Kleurenconverter voor Ontwikkelaars', level: 2 },
+    {
+      type: 'paragraph',
+      html: 'In de wereld van <strong>frontend development</strong> en <strong>UI/UX design</strong> is kleurbeheer een constante taak. Onze <strong>online kleurenconverter</strong> laat je waarden tussen <strong>HEX, RGB en HSL</strong> direct en met wiskundige precisie transformeren.',
+    },
+    { type: 'title', text: 'Kleurformaten: HEX, RGB en HSL', level: 3 },
+    {
+      type: 'list',
+      items: [
+        '<strong>HEX (Hexadecimaal):</strong> De de facto standaard voor CSS. Compact en gemakkelijk te delen in code.',
+        '<strong>RGB (Rood, Groen, Blauw):</strong> Gebaseerd op het additieve lichtsysteem. Ideaal voor het direct manipuleren van kanalen of het toepassen van transparantie met RGBA.',
+        '<strong>HSL (Hue, Saturation, Lightness):</strong> Het meest intuïtieve formaat. Pas tint, verzadiging en lichtheid aan om harmonische paletten te maken.',
+      ],
+    },
+    { type: 'title', text: 'Contrast en WCAG Toegankelijkheid', level: 3 },
+    {
+      type: 'paragraph',
+      html: 'De calculator bevat een <strong>relatieve contrastmeting</strong> op basis van luminantie. Dit helpt je om te voldoen aan de <strong>WCAG</strong>-richtlijnen, zodat je tekst leesbaar is tegen de geselecteerde achtergronden.',
+    },
+    { type: 'title', text: 'Automatische Kleurharmonieën', level: 3 },
+    {
+      type: 'list',
+      items: [
+        '<strong>Complementair:</strong> De tegenoverliggende kleur op het kleurenwiel, ideaal voor maximaal contrast.',
+        '<strong>Analoog:</strong> Naastgelegen kleuren die vloeiende, harmonische overgangen creëren.',
+        '<strong>Triadisch:</strong> Drie kleuren op gelijke afstand voor levendige, uitgebalanceerde composities.',
+      ],
+    },
+  ],
+};

package/src/tool/colorConverter/i18n/pl.ts

@@ -0,0 +1,126 @@
+import type { WithContext, FAQPage, HowToThing, SoftwareApplication } from 'schema-dts';
+import type { ToolLocaleContent } from '../../../types';
+import type { ColorConverterUI } from '../ui';
+
+const slug = 'konwerter-kolorow-rgb-hex-hsl';
+const title = 'Internetowy konwerter kolorów RGB, HEX i HSL';
+const description = 'Natychmiast konwertuj kolory między formatami RGB, HEX i HSL. Generuj komplementarne harmonie kolorów i analizuj kontrast WCAG. W 100% po stronie klienta i prywatnie.';
+
+const faqData = [
+  {
+    question: 'Jak działa konwerter kolorów z RGB na HEX i HSL?',
+    answer: 'Narzędzie pobiera wartości czerwonego, zielonego i niebieskiego (RGB) i wykorzystuje algorytmy matematyczne do ich konwersji na odpowiednik szesnastkowy (HEX) lub wartości odcienia, nasycenia i jasności (HSL). Działa to również w drugą stronę.',
+  },
+  {
+    question: 'Dlaczego w moich projektach powinienem używać HSL zamiast HEX?',
+    answer: 'Format HSL jest znacznie bardziej intuicyjny. Pozwala na dostosowanie nasycenia lub jasności bez zmiany samego odcienia, co znacznie ułatwia tworzenie harmonijnych palet lub stanów przycisków (hover, disabled).',
+  },
+  {
+    question: 'Co to jest wartość kontrastu względnego?',
+    answer: 'Jest to wskaźnik określający czytelność tekstu na danym tle w oparciu o jego luminancję. Wysoki kontrast zapewnia osobom z niepełnosprawnościami wzroku możliwość odczytania treści, zgodnie z wytycznymi WCAG dotyczącymi dostępności.',
+  },
+  {
+    question: 'Czy korzystanie z tego konwertera kolorów online jest bezpieczne?',
+    answer: 'Absolutnie. Ponieważ narzędzie działa w 100% po stronie klienta, dane o Twoich kolorach nigdy nie opuszczają Twojego komputera. Całe przetwarzanie odbywa się bezpośrednio w przeglądarce, co gwarantuje prywatność i natychmiastowe działanie.',
+  },
+];
+
+const howToData = [
+  { name: 'Wybierz kolor', text: 'Użyj suwaków czerwonego, zielonego i niebieskiego lub wpisz kod HEX bezpośrednio w polu tekstowym.' },
+  { name: 'Dostosuj kanały RGB', text: 'Przesuń suwaki, aby zmienić intensywność każdego kanału i zobaczyć aktualizację w czasie rzeczywistym.' },
+  { name: 'Skopiuj format', text: 'Kliknij przycisk Kopiuj obok potrzebnego formatu HEX, RGB lub HSL.' },
+  { name: 'Eksploruj harmonie', text: 'Kliknij na kolory harmonii (komplementarne, analogiczne, triady), aby skopiować je do schowka.' },
+];
+
+const faqSchema: WithContext<FAQPage> = {
+  '@context': 'https://schema.org',
+  '@type': 'FAQPage',
+  mainEntity: faqData.map((item) => ({
+    '@type': 'Question',
+    name: item.question,
+    acceptedAnswer: { '@type': 'Answer', text: item.answer },
+  })),
+};
+
+const howToSchema: WithContext<HowToThing> = {
+  '@context': 'https://schema.org',
+  '@type': 'HowTo',
+  name: title,
+  description,
+  step: howToData.map((s, i) => ({ '@type': 'HowToStep', position: i + 1, name: s.name, text: s.text })),
+};
+
+const appSchema: WithContext<SoftwareApplication> = {
+  '@context': 'https://schema.org',
+  '@type': 'SoftwareApplication',
+  name: title,
+  description,
+  applicationCategory: 'UtilityApplication',
+  operatingSystem: 'All',
+  offers: { '@type': 'Offer', price: '0', priceCurrency: 'EUR' },
+  inLanguage: 'pl',
+};
+
+const ui: ColorConverterUI = {
+  labelPreview: 'Podgląd (kliknij, aby skopiować HEX)',
+  labelHarmonies: 'Harmonie kolorów',
+  labelR: 'Czerwony',
+  labelG: 'Zielony',
+  labelB: 'Niebieski',
+  labelComp: 'Kompl.',
+  labelAna1: 'Analog. 1',
+  labelAna2: 'Analog. 2',
+  labelTri1: 'Triada 1',
+  labelTri2: 'Triada 2',
+  btnCopy: 'Kopiuj',
+  btnCopied: 'Skopiowano',
+  contrastLabel: 'Kontrast',
+  clickToCopy: 'Kliknij, aby skopiować',
+};
+
+export const content: ToolLocaleContent<ColorConverterUI> = {
+  slug,
+  title,
+  description,
+  ui,
+  faqTitle: 'Często zadawane pytania',
+  faq: faqData,
+  bibliographyTitle: 'Zasoby dotyczące kolorów i projektowania stron',
+  bibliography: [
+    { name: 'W3C: Dokumentacja kolorów CSS', url: 'https://www.w3.org/TR/css-color-4/' },
+    { name: 'MDN: Przewodnik po modelu kolorów HSL', url: 'https://developer.mozilla.org/en-US/docs/Web/CSS/color_value/hsl' },
+    { name: 'WebAIM: Przewodnik po kontraście i dostępności', url: 'https://webaim.org/resources/contrastchecker/' },
+  ],
+  howTo: howToData,
+  schemas: [faqSchema, howToSchema, appSchema],
+  seo: [
+    { type: 'title', text: 'Konwerter kolorów RGB na HEX i HSL dla programistów', level: 2 },
+    {
+      type: 'paragraph',
+      html: 'W świecie <strong>frontend developmentu</strong> i projektowania <strong>UI/UX</strong> zarządzanie kolorami jest stałym zadaniem. Nasz <strong>konwerter kolorów online</strong> pozwala na natychmiastową transformację wartości między formatami <strong>HEX, RGB i HSL</strong> z matematyczną precyzją.',
+    },
+    { type: 'title', text: 'Formaty kolorów: HEX, RGB i HSL', level: 3 },
+    {
+      type: 'list',
+      items: [
+        '<strong>HEX (szesnastkowy):</strong> standard de facto dla CSS. Kompaktowy i łatwy do udostępniania w kodzie.',
+        '<strong>RGB (Czerwony, Zielony, Niebieski):</strong> oparty na systemie światła addytywnego. Idealny do bezpośredniego manipulowania kanałami lub nakładania przezroczystości za pomocą RGBA.',
+        '<strong>HSL (Odcień, Nasycenie, Jasność):</strong> najbardziej intuicyjny format. Dostosuj odcień, nasycenie i jasność, aby tworzyć harmonijne palety.',
+      ],
+    },
+    { type: 'title', text: 'Kontrast i dostępność WCAG', level: 3 },
+    {
+      type: 'paragraph',
+      html: 'Kalkulator zawiera pomiar <strong>kontrastu względnego</strong> opartego na luminancji. Pomaga to spełnić wytyczne <strong>WCAG</strong>, zapewniając czytelność tekstu na wybranych tłach.',
+    },
+    { type: 'title', text: 'Automatyczne harmonie kolorów', level: 3 },
+    {
+      type: 'list',
+      items: [
+        '<strong>Komplementarne:</strong> kolor przeciwny na kole kolorów, idealny dla uzyskania maksymalnego kontrastu.',
+        '<strong>Analogiczne:</strong> sąsiednie kolory, które tworzą gładkie, harmonijne przejścia.',
+        '<strong>Triady:</strong> trzy kolory w równej odległości dla uzyskania żywych, zrównoważonych kompozycji.',
+      ],
+    },
+  ],
+};

package/src/tool/colorConverter/i18n/pt.ts

@@ -0,0 +1,126 @@
+import type { WithContext, FAQPage, HowToThing, SoftwareApplication } from 'schema-dts';
+import type { ToolLocaleContent } from '../../../types';
+import type { ColorConverterUI } from '../ui';
+
+const slug = 'conversor-de-cores-rgb-hex-hsl';
+const title = 'Conversor de Cores Online RGB HEX e HSL';
+const description = 'Converta cores entre RGB, HEX e HSL instantaneamente. Gere harmonias de cores complementares e analise o contraste WCAG. 100% no lado do cliente e privado.';
+
+const faqData = [
+  {
+    question: 'Como funciona o conversor de cores de RGB para HEX e HSL?',
+    answer: 'A ferramenta recebe valores de Vermelho, Verde e Azul (RGB) e utiliza algoritmos matemáticos para convertê-los no seu equivalente hexadecimal (HEX) ou nos valores de Matiz, Saturação e Luminosidade (HSL). Também funciona no sentido inverso.',
+  },
+  {
+    question: 'Por que devo usar HSL em vez de HEX nos meus designs?',
+    answer: 'O formato HSL é muito mais intuitivo. Ele permite ajustar a saturação ou a luminosidade sem alterar a matiz, tornando muito mais fácil criar paletas harmônicas ou estados de botões (hover, desativado).',
+  },
+  {
+    question: 'O que é o valor de contraste relativo?',
+    answer: 'É uma métrica que indica a legibilidade do texto em relação a um fundo com base na sua luminância. O alto contraste garante que pessoas com deficiências visuais possam ler o conteúdo, seguendo as diretrizes de acessibilidade WCAG.',
+  },
+  {
+    question: 'É seguro usar este conversor de cores online?',
+    answer: 'Com certeza. Por ser 100% no lado do cliente, os dados das suas cores nunca saem do seu computador. Todo o processamento ocorre diretamente no seu navegador, garantindo privacidade e desempenho instantâneo.',
+  },
+];
+
+const howToData = [
+  { name: 'Selecione uma Cor', text: 'Use os seletores de Vermelho, Verde e Azul ou digite um código HEX diretamente no campo de texto.' },
+  { name: 'Ajuste os Canais RGB', text: 'Mova os seletores para alterar a intensidade de cada canal e veja a atualização em tempo real.' },
+  { name: 'Copie o Formato', text: 'Clique no botão Copiar ao lado do formato HEX, RGB ou HSL conforme necessário.' },
+  { name: 'Explore Harmonias', text: 'Clique nas cores de harmonia (complementar, análoga, triádica) para copiá-las para a área de transferência.' },
+];
+
+const faqSchema: WithContext<FAQPage> = {
+  '@context': 'https://schema.org',
+  '@type': 'FAQPage',
+  mainEntity: faqData.map((item) => ({
+    '@type': 'Question',
+    name: item.question,
+    acceptedAnswer: { '@type': 'Answer', text: item.answer },
+  })),
+};
+
+const howToSchema: WithContext<HowToThing> = {
+  '@context': 'https://schema.org',
+  '@type': 'HowTo',
+  name: title,
+  description,
+  step: howToData.map((s, i) => ({ '@type': 'HowToStep', position: i + 1, name: s.name, text: s.text })),
+};
+
+const appSchema: WithContext<SoftwareApplication> = {
+  '@context': 'https://schema.org',
+  '@type': 'SoftwareApplication',
+  name: title,
+  description,
+  applicationCategory: 'UtilityApplication',
+  operatingSystem: 'All',
+  offers: { '@type': 'Offer', price: '0', priceCurrency: 'EUR' },
+  inLanguage: 'pt',
+};
+
+const ui: ColorConverterUI = {
+  labelPreview: 'Pré-visualização (clique para copiar HEX)',
+  labelHarmonies: 'Harmonias de Cores',
+  labelR: 'Vermelho',
+  labelG: 'Verde',
+  labelB: 'Azul',
+  labelComp: 'Comp.',
+  labelAna1: 'Análoga 1',
+  labelAna2: 'Análoga 2',
+  labelTri1: 'Triádica 1',
+  labelTri2: 'Triádica 2',
+  btnCopy: 'Copiar',
+  btnCopied: 'Copiado',
+  contrastLabel: 'Contraste',
+  clickToCopy: 'Clique para copiar',
+};
+
+export const content: ToolLocaleContent<ColorConverterUI> = {
+  slug,
+  title,
+  description,
+  ui,
+  faqTitle: 'Perguntas Frequentes',
+  faq: faqData,
+  bibliographyTitle: 'Recursos de Cores e Web Design',
+  bibliography: [
+    { name: 'W3C: Documentação de Cores CSS', url: 'https://www.w3.org/TR/css-color-4/' },
+    { name: 'MDN: Guia do Modelo de Cores HSL', url: 'https://developer.mozilla.org/en-US/docs/Web/CSS/color_value/hsl' },
+    { name: 'WebAIM: Guia de Contraste e Acessibilidade', url: 'https://webaim.org/resources/contrastchecker/' },
+  ],
+  howTo: howToData,
+  schemas: [faqSchema, howToSchema, appSchema],
+  seo: [
+    { type: 'title', text: 'Conversor de Cores RGB para HEX e HSL para Desenvolvedores', level: 2 },
+    {
+      type: 'paragraph',
+      html: 'No mundo do <strong>desenvolvimento frontend</strong> e do <strong>design UI/UX</strong>, o gerenciamento de cores é uma tarefa constante. Nosso <strong>conversor de cores online</strong> permite transformar valores entre <strong>HEX, RGB e HSL</strong> instantaneamente e com precisão matemática.',
+    },
+    { type: 'title', text: 'Formatos de Cores: HEX, RGB e HSL', level: 3 },
+    {
+      type: 'list',
+      items: [
+        '<strong>HEX (Hexadecimal):</strong> O padrão de fato para CSS. Compacto e fácil de compartilhar no código.',
+        '<strong>RGB (Vermelho, Verde, Azul):</strong> Baseado no sistema de luz aditiva. Ideal para manipular canais diretamente ou aplicar transparência com RGBA.',
+        '<strong>HSL (Matiz, Saturação, Luminosidade):</strong> O formato mais intuitivo. Ajuste matiz, saturação e luminosidade para criar paletas harmônicas.',
+      ],
+    },
+    { type: 'title', text: 'Contraste e Acessibilidade WCAG', level: 3 },
+    {
+      type: 'paragraph',
+      html: 'A calculadora inclui uma medição de <strong>contraste relativo</strong> baseada na luminância. Isso ajuda você a cumprir as diretrizes <strong>WCAG</strong>, garantindo que o seu texto seja legível em relação aos fundos selecionados.',
+    },
+    { type: 'title', text: 'Harmonias de Cores Automáticas', level: 3 },
+    {
+      type: 'list',
+      items: [
+        '<strong>Complementar:</strong> A cor oposta na roda de cores, ideal para contraste máximo.',
+        '<strong>Análoga:</strong> Cores adjacentes que criam transições suaves e harmônicas.',
+        '<strong>Triádica:</strong> Três cores equidistantes para composições vibrantes e equilibradas.',
+      ],
+    },
+  ],
+};

package/src/tool/colorConverter/i18n/ru.ts

@@ -0,0 +1,126 @@
+import type { WithContext, FAQPage, HowToThing, SoftwareApplication } from 'schema-dts';
+import type { ToolLocaleContent } from '../../../types';
+import type { ColorConverterUI } from '../ui';
+
+const slug = 'cvhetovoj-konverter-rgb-hex-hsl';
+const title = 'Онлайн конвертер цветов RGB, HEX и HSL';
+const description = 'Мгновенно конвертируйте цвета между RGB, HEX и HSL. Генерируйте комплементарные цветовые гармонии и анализируйте контрастность по WCAG. 100% на стороне клиента и приватно.';
+
+const faqData = [
+  {
+    question: 'Как работает конвертер цветов RGB в HEX и HSL?',
+    answer: 'Инструмент принимает значения красного, зеленого и синего (RGB) и использует математические алгоритмы для их преобразования в шестнадцатеричный эквивалент (HEX) или значения тона, насыщенности и светлоты (HSL). Он также работает в обратном порядке.',
+  },
+  {
+    question: 'Почему в своих проектах мне стоит использовать HSL вместо HEX?',
+    answer: 'Формат HSL гораздо более интуитивно понятен. Он позволяет настраивать насыщенность или светлоту без изменения самого цветового тона, что значительно упрощает создание гармоничных палитр или состояний кнопок (при наведении, отключено).',
+  },
+  {
+    question: 'Что такое значение относительной контрастности?',
+    answer: 'Это показатель, который указывает на читаемость текста на фоне на основе его яркости. Высокая контрастность гарантирует, что люди с нарушениями зрения смогут прочитать контент в соответствии с рекомендациями по доступности WCAG.',
+  },
+  {
+    question: 'Безопасно ли использовать этот онлайн-конвертер цветов?',
+    answer: 'Безусловно. Поскольку он на 100% работает на стороне клиента, ваши данные о цвете никогда не покидают ваш компьютер. Вся обработка происходит прямо в вашем браузере, что гарантирует конфиденциальность и мгновенную работу.',
+  },
+];
+
+const howToData = [
+  { name: 'Выберите цвет', text: 'Используйте ползунки красного, зеленого и синего или введите HEX-код прямо в текстовое поле.' },
+  { name: 'Настройте каналы RGB', text: 'Передвигайте ползунки, чтобы изменить интенсивность каждого канала и увидеть обновление в режиме реального времени.' },
+  { name: 'Скопируйте формат', text: 'Нажмите кнопку «Копировать» рядом с нужным форматом HEX, RGB или HSL.' },
+  { name: 'Исследуйте гармонии', text: 'Нажмите на гармоничные цвета (комплементарные, аналогичные, триадические), чтобы скопировать их в буфер обмена.' },
+];
+
+const faqSchema: WithContext<FAQPage> = {
+  '@context': 'https://schema.org',
+  '@type': 'FAQPage',
+  mainEntity: faqData.map((item) => ({
+    '@type': 'Question',
+    name: item.question,
+    acceptedAnswer: { '@type': 'Answer', text: item.answer },
+  })),
+};
+
+const howToSchema: WithContext<HowToThing> = {
+  '@context': 'https://schema.org',
+  '@type': 'HowTo',
+  name: title,
+  description,
+  step: howToData.map((s, i) => ({ '@type': 'HowToStep', position: i + 1, name: s.name, text: s.text })),
+};
+
+const appSchema: WithContext<SoftwareApplication> = {
+  '@context': 'https://schema.org',
+  '@type': 'SoftwareApplication',
+  name: title,
+  description,
+  applicationCategory: 'UtilityApplication',
+  operatingSystem: 'All',
+  offers: { '@type': 'Offer', price: '0', priceCurrency: 'EUR' },
+  inLanguage: 'ru',
+};
+
+const ui: ColorConverterUI = {
+  labelPreview: 'Предпросмотр (нажмите, чтобы скопировать HEX)',
+  labelHarmonies: 'Цветовые гармонии',
+  labelR: 'Красный',
+  labelG: 'Зеленый',
+  labelB: 'Синий',
+  labelComp: 'Компл.',
+  labelAna1: 'Аналог. 1',
+  labelAna2: 'Аналог. 2',
+  labelTri1: 'Триада 1',
+  labelTri2: 'Триада 2',
+  btnCopy: 'Копировать',
+  btnCopied: 'Скопировано',
+  contrastLabel: 'Контрастность',
+  clickToCopy: 'Нажмите, чтобы скопировать',
+};
+
+export const content: ToolLocaleContent<ColorConverterUI> = {
+  slug,
+  title,
+  description,
+  ui,
+  faqTitle: 'Часто задаваемые вопросы',
+  faq: faqData,
+  bibliographyTitle: 'Ресурсы по цвету и веб-дизайну',
+  bibliography: [
+    { name: 'W3C: Документация по цветам в CSS', url: 'https://www.w3.org/TR/css-color-4/' },
+    { name: 'MDN: Руководство по цветовой модели HSL', url: 'https://developer.mozilla.org/en-US/docs/Web/CSS/color_value/hsl' },
+    { name: 'WebAIM: Руководство по контрастности и доступности', url: 'https://webaim.org/resources/contrastchecker/' },
+  ],
+  howTo: howToData,
+  schemas: [faqSchema, howToSchema, appSchema],
+  seo: [
+    { type: 'title', text: 'Конвертер цветов RGB в HEX и HSL для разработчиков', level: 2 },
+    {
+      type: 'paragraph',
+      html: 'В мире <strong>frontend-разработки</strong> и <strong>UI/UX дизайна</strong> управление цветом — это постоянная задача. Наш <strong>онлайн-конвертер цветов</strong> позволяет мгновенно и с математической точностью преобразовывать значения между <strong>HEX, RGB и HSL</strong>.',
+    },
+    { type: 'title', text: 'Форматы цветов: HEX, RGB и HSL', level: 3 },
+    {
+      type: 'list',
+      items: [
+        '<strong>HEX (шестнадцатеричный):</strong> стандарт де-факто для CSS. Компактный и удобный для обмена в коде.',
+        '<strong>RGB (Красный, Зеленый, Синий):</strong> на основе аддитивной системы света. Идеально подходит для прямого манипулирования каналами или применения прозрачности с помощью RGBA.',
+        '<strong>HSL (Цветовой тон, Насыщенность, Светлота):</strong> самый интуитивно понятный формат. Настраивайте тон, насыщенность и светлоту для создания гармоничных палитр.',
+      ],
+    },
+    { type: 'title', text: 'Контрастность и доступность по WCAG', level: 3 },
+    {
+      type: 'paragraph',
+      html: 'Калькулятор включает измерение <strong>относительной контрастности</strong> на основе яркости. Это помогает вам соблюдать рекомендации <strong>WCAG</strong>, гарантируя читаемость вашего текста на выбранном фоне.',
+    },
+    { type: 'title', text: 'Автоматические цветовые гармонии', level: 3 },
+    {
+      type: 'list',
+      items: [
+        '<strong>Комплементарные:</strong> противоположный цвет на цветовом круге, идеально подходит для максимального контраста.',
+        '<strong>Аналогичные:</strong> соседние цвета, которые создают плавные, гармоничные переходы.',
+        '<strong>Триадические:</strong> три равноудаленных цвета для ярких, сбалансированных композиций.',
+      ],
+    },
+  ],
+};

package/src/tool/colorConverter/i18n/sv.ts

@@ -0,0 +1,126 @@
+import type { WithContext, FAQPage, HowToThing, SoftwareApplication } from 'schema-dts';
+import type { ToolLocaleContent } from '../../../types';
+import type { ColorConverterUI } from '../ui';
+
+const slug = 'fargkonverterare-rgb-hex-hsl';
+const title = 'Online Färgkonverterare RGB HEX och HSL';
+const description = 'Konvertera färger mellan RGB, HEX och HSL direkt. Skapa komplementära färgkombinationer och analysera WCAG-kontrast. 100 % körs lokalt i webbläsaren.';
+
+const faqData = [
+  {
+    question: 'Hur fungerar färgkonverteraren för RGB till HEX och HSL?',
+    answer: 'Verktyget tar värden för rött, grönt och blått (RGB) och använder matematiska algoritmer för att omvandla dem till deras hexadekimala (HEX) motsvarighet eller värden för nyans, mättnad och ljusstyrka (HSL). Det fungerar även åt andra hållet.',
+  },
+  {
+    question: 'Varför ska jag använda HSL istället för HEX i mina designer?',
+    answer: 'HSL-formatet är mycket mer intuitivt. Det gör att du kan justera mättnad eller ljusstyrka utan att ändra själva färgtonen, vilket gör det mycket enklare att skapa harmoniska paletter eller knapplägen (hover, inaktiverad).',
+  },
+  {
+    question: 'Vad är det relativa kontrastvärdet?',
+    answer: 'Det är ett mått som anger läsbarheten för text mot en bakgrund baserat på dess luminans. Hög kontrast säkerställer att personer med synnedsättning kan läsa innehållet, i enlighet med WCAG:s riktlinjer för tillgänglighet.',
+  },
+  {
+    question: 'Är det säkert att använda denna online färgkonverterare?',
+    answer: 'Absolut. Eftersom den körs till 100 % på klientsidan lämnar dina färgdata aldrig din dator. All process sker direkt i din webbläsare, vilket garanterar integritet och omedelbar prestanda.',
+  },
+];
+
+const howToData = [
+  { name: 'Välj en färg', text: 'Använd skjutreglagen för rött, grönt och blått eller skriv in en HEX-kod direkt i textfältet.' },
+  { name: 'Justera RGB-kanaler', text: 'Flytta skjutreglagen för att ändra intensiteten för varje kanal och se uppdateringen i realtid.' },
+  { name: 'Kopiera formatet', text: 'Klicka på knappen "Kopiera" bredvid det HEX-, RGB- eller HSL-format du behöver.' },
+  { name: 'Utforska harmonier', text: 'Klicka på harmonifärgerna (komplementär, analog, triadisk) för att kopiera dem till urklipp.' },
+];
+
+const faqSchema: WithContext<FAQPage> = {
+  '@context': 'https://schema.org',
+  '@type': 'FAQPage',
+  mainEntity: faqData.map((item) => ({
+    '@type': 'Question',
+    name: item.question,
+    acceptedAnswer: { '@type': 'Answer', text: item.answer },
+  })),
+};
+
+const howToSchema: WithContext<HowToThing> = {
+  '@context': 'https://schema.org',
+  '@type': 'HowTo',
+  name: title,
+  description,
+  step: howToData.map((s, i) => ({ '@type': 'HowToStep', position: i + 1, name: s.name, text: s.text })),
+};
+
+const appSchema: WithContext<SoftwareApplication> = {
+  '@context': 'https://schema.org',
+  '@type': 'SoftwareApplication',
+  name: title,
+  description,
+  applicationCategory: 'UtilityApplication',
+  operatingSystem: 'All',
+  offers: { '@type': 'Offer', price: '0', priceCurrency: 'EUR' },
+  inLanguage: 'sv',
+};
+
+const ui: ColorConverterUI = {
+  labelPreview: 'Förhandsgranskning (klicka för att kopiera HEX)',
+  labelHarmonies: 'Färgharmonier',
+  labelR: 'Röd',
+  labelG: 'Grön',
+  labelB: 'Blå',
+  labelComp: 'Komp.',
+  labelAna1: 'Analog 1',
+  labelAna2: 'Analog 2',
+  labelTri1: 'Triad 1',
+  labelTri2: 'Triad 2',
+  btnCopy: 'Kopiera',
+  btnCopied: 'Kopierad',
+  contrastLabel: 'Kontrast',
+  clickToCopy: 'Klicka för att kopiera',
+};
+
+export const content: ToolLocaleContent<ColorConverterUI> = {
+  slug,
+  title,
+  description,
+  ui,
+  faqTitle: 'Vanliga frågor',
+  faq: faqData,
+  bibliographyTitle: 'Resurser för färg och webbdesign',
+  bibliography: [
+    { name: 'W3C: CSS färg-dokumentation', url: 'https://www.w3.org/TR/css-color-4/' },
+    { name: 'MDN: Guide till HSL-färgmodellen', url: 'https://developer.mozilla.org/en-US/docs/Web/CSS/color_value/hsl' },
+    { name: 'WebAIM: Guide till kontrast och tillgänglighet', url: 'https://webaim.org/resources/contrastchecker/' },
+  ],
+  howTo: howToData,
+  schemas: [faqSchema, howToSchema, appSchema],
+  seo: [
+    { type: 'title', text: 'RGB till HEX och HSL färgkonverterare för utvecklare', level: 2 },
+    {
+      type: 'paragraph',
+      html: 'I världen av <strong>frontend-utveckling</strong> och <strong>UI/UX-design</strong> är färgoptimering en ständig uppgift. Vår <strong>online färgkonverterare</strong> låter dig transformera värden mellan <strong>HEX, RGB och HSL</strong> direkt och med matematisk precision.',
+    },
+    { type: 'title', text: 'Färgformat: HEX, RGB och HSL', level: 3 },
+    {
+      type: 'list',
+      items: [
+        '<strong>HEX (Hexadecimal):</strong> De facto-standarden för CSS. Kompakt och lätt att dela i kod.',
+        '<strong>RGB (Röd, Grön, Blå):</strong> Baserat på det additiva ljussystemet. Idealiskt för att manipulera kanaler direkt eller använda transparens med RGBA.',
+        '<strong>HSL (Nyans, Mättnad, Ljusstyrka):</strong> Det mest intuitiva formatet. Justera nyans, mättnad och ljusstyrka för att skapa harmoniska paletter.',
+      ],
+    },
+    { type: 'title', text: 'Kontrast och WCAG-tillgänglighet', level: 3 },
+    {
+      type: 'paragraph',
+      html: 'Kalkylatorn inkluderar en mätning av <strong>relativ kontrast</strong> baserad på luminans. Detta hjälper dig att uppfylla <strong>WCAG</strong>-riktlinjerna och säkerställa att din text är läsbar mot valda bakgrunder.',
+    },
+    { type: 'title', text: 'Automatiska färgharmonier', level: 3 },
+    {
+      type: 'list',
+      items: [
+        '<strong>Komplementär:</strong> Motsatt färg i färgcirkeln, perfekt för maximal kontrast.',
+        '<strong>Analog:</strong> Intilliggande färger som skapar mjuka, harmoniska övergångar.',
+        '<strong>Triadisk:</strong> Tre färger med lika avstånd för livfulla och balanserade kompositioner.',
+      ],
+    },
+  ],
+};