{"id":224,"date":"2026-09-03T01:37:09","date_gmt":"2026-09-02T16:37:09","guid":{"rendered":"https:\/\/jim-jin.com\/?page_id=224"},"modified":"2026-10-09T09:39:19","modified_gmt":"2026-10-09T00:39:19","slug":"webspoit","status":"publish","type":"page","link":"https:\/\/jim-jin.com\/es\/webspoit","title":{"rendered":"Cuentagotas de pantalla"},"content":{"rendered":"\n<!-- \u65e5\u672c\u8a9eWeb\u30d5\u30a9\u30f3\u30c8\u3092\u8aad\u307f\u8fbc\u307f -->\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin=\"\">\n\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Noto+Sans+JP:wght@600;700&amp;display=swap\" rel=\"stylesheet\">\n\n<section aria-labelledby=\"apple-hero-title\" style=\"\n    position: relative;\n    left: 50%;\n    width: 100vw;\n    min-height: 216px;\n    margin-left: -50vw;\n    padding: 50px 24px 28px;\n    box-sizing: border-box;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    overflow: hidden;\n    background-color: #f4f4ff;\n    color: #1d1d1f;\n    text-align: center;\n    font-family: 'Noto Sans JP', -apple-system, BlinkMacSystemFont,\n      'Helvetica Neue', 'Hiragino Sans', 'Yu Gothic', Meiryo, sans-serif;\n    font-feature-settings: 'palt' 1;\n    -webkit-font-smoothing: antialiased;\n    text-rendering: optimizeLegibility;\n  \">  <div style=\"\n      width: 100%;\n      max-width: 1000px;\n      margin: 0 auto;\n    \">\n    <h1 id=\"apple-hero-title\" style=\"\n        margin: 0;\n        padding: 0;\n        border: 0;\n        background: none;\n        color: #1d1d1f;\n        font-family: inherit;\n        font-size: clamp(42px, 4vw, 64px);\n        font-weight: 700;\n        line-height: 1.08;\n        letter-spacing: -0.045em;\n      \">\n     Elija un color de su pantalla<br>Una herramienta gratuita\n    <\/h1>\n\n    <p style=\"\n        max-width: 760px;\n        margin: 18px auto 0;\n        padding: 0;\n        color: #6e6e73;\n        font-family: inherit;\n        font-size: clamp(16px, 1.35vw, 20px);\n        font-weight: 600;\n        line-height: 1.45;\n        letter-spacing: -0.025em;\n      \">\n      Utiliza el cuentagotas para obtener c\u00f3digos de color para tus dise\u00f1os. Los navegadores compatibles tambi\u00e9n pueden seleccionar colores fuera de su ventana.\n    <\/p>\n  <\/div>\n<\/section>\n\n\n        <div class=\"jwtc-member-status jwtc-member-status--horizontal\" data-jwtc-member-status data-endpoint=\"https:\/\/jim-jin.com\/es\/?jwtc_action=jwtc_member_status\" role=\"region\" aria-label=\"Estado de la cuenta\">\n            <div class=\"jwtc-member-status__details\" aria-live=\"polite\" aria-atomic=\"true\" aria-busy=\"true\">\n                <span class=\"jwtc-member-status__avatar\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><circle cx=\"12\" cy=\"8\" r=\"3.5\"\/><path d=\"M5 21v-2a7 7 0 0 1 14 0v2\"\/><\/svg><\/span>\n                <span class=\"jwtc-member-status__person\"><strong data-member-field=\"name\">Hola<\/strong><small data-member-field=\"status\">Comprobando\u2026<\/small><\/span>\n                <span class=\"jwtc-member-status__plan\" data-member-field=\"plan\"><\/span>\n            <\/div>\n            <nav class=\"jwtc-member-status__links\" aria-label=\"Men\u00fa de miembros\">\n                <a href=\"https:\/\/jim-jin.com\/es\/registration\">Crear una cuenta gratuita o iniciar sesi\u00f3n<\/a>\n            <\/nav>\n            <p class=\"jwtc-member-status__error\" hidden>No pod\u00eda comprobar su estado de registro.<button type=\"button\" data-member-retry>Entrada<\/button><\/p>\n            <noscript><p>Permite JavaScript para mostrar su estado de inicio de sesi\u00f3n. A\u00fan puedes abrir la p\u00e1gina de la cuenta usando los enlaces.<\/p><\/noscript>\n        <\/div>\n        \n\n\n\t\t<article data-jin-language=\"es\" lang=\"es\" id=\"jin-web-eyedropper-1\" class=\"jin-web-eyedropper\" data-jin-web-eyedropper>\n\t\t\t<header class=\"jin-web-eyedropper__header\">\n\t\t\t\t<div class=\"jin-web-eyedropper__logo\"><img decoding=\"async\" width=\"300\" height=\"300\" src=\"https:\/\/jim-jin.com\/es\/wp-content\/uploads\/2026\/09\/14-web-eyedropper-300x300.png\" class=\"jin-web-eyedropper__logo-image\" alt=\"\" title=\"Cuentagotas de pantalla\" srcset=\"https:\/\/jim-jin.com\/es\/wp-content\/uploads\/2026\/09\/14-web-eyedropper-300x300.png 300w, https:\/\/jim-jin.com\/es\/wp-content\/uploads\/2026\/09\/14-web-eyedropper-150x150.png 150w, https:\/\/jim-jin.com\/es\/wp-content\/uploads\/2026\/09\/14-web-eyedropper.png 512w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/div>\n\t\t\t\t<h1 class=\"jin-web-eyedropper__title\">Cuentagotas de pantalla<\/h1>\n\t\t\t<\/header>\n\t\t\t<nav class=\"jin-public-steps\" data-jin-public-steps aria-label=\"Flujo de trabajo\"><ol><li aria-current=\"step\"><button type=\"button\" data-target=\"[data-jin-eyedropper-start]\"><span class=\"jin-public-steps__number\">1<\/span><span>Elija un color<small class=\"jin-public-steps__state\">Paso actual<\/small><\/span><\/button><\/li><li><button type=\"button\" data-target=\"[data-jin-eyedropper-value]\"><span class=\"jin-public-steps__number\">2<\/span><span>Valores de color de revisi\u00f3n<small class=\"jin-public-steps__state\">Siguiente<\/small><\/span><\/button><\/li><li><button type=\"button\" data-target=\"[data-jin-eyedropper-copy]\"><span class=\"jin-public-steps__number\">3<\/span><span>Copiar<small class=\"jin-public-steps__state\">Siguiente<\/small><\/span><\/button><\/li><\/ol><\/nav>\n\t\t\t<section class=\"jin-web-eyedropper__account\" aria-label=\"Informaci\u00f3n de cuentas\">\n\t\t\t\t<p class=\"jin-web-eyedropper__account-summary\">\n\t\t\t\t\t<span class=\"jin-web-eyedropper__user-name\">Invitado<\/span>\n\t\t\t\t\t<span class=\"jin-web-eyedropper__separator\" aria-hidden=\"true\">\uff5c<\/span>\n\t\t\t\t\t<span class=\"jin-web-eyedropper__badge jin-web-eyedropper__badge--free\">Gratis<\/span>\n\t\t\t\t\t<span class=\"jin-web-eyedropper__login-state\">Sin sesi\u00f3n iniciada<\/span>\n\t\t\t\t\t<span class=\"jin-web-eyedropper__limit\">Uso: ilimitado<\/span>\n\t\t\t\t<\/p>\n\t\t\t<\/section>\n\n\t\t\t<aside class=\"jin-web-eyedropper__privacy\" role=\"note\" aria-label=\"Privacidad\">\n\t\t\t\t<span class=\"jin-web-eyedropper__privacy-icon\" aria-hidden=\"true\">\ud83d\udd12<\/span>\n\t\t\t\t<p>Esta herramienta no almacena su entrada en un servidor. Si el almacenamiento es necesario, un aviso se muestra de antemano.<\/p>\n\t\t\t<\/aside>\n\n\t\t\t<section class=\"jin-web-eyedropper__intro\" aria-label=\"Acerca de esta herramienta\">\n\t\t\t\t<h2>Acerca de esta herramienta<\/h2><p>Elija un color en su pantalla para ver y copiar valores HEX, RGB y HSL. Tambi\u00e9n puede elegir colores fuera de la ventana del navegador.<\/p>\t\t\t<\/section>\n\n\t\t\t<section class=\"jin-web-eyedropper__main\" aria-label=\"Controles de herramientas\">\n\t\t\t\t<div class=\"jin-web-eyedropper__workarea\" data-copy-success-template=\"Copiado {format}.\" data-recommendation-template=\"Color de texto recomendado: {color}\" data-recommendation-badge=\"Recomendado\" data-white-label=\"Blanco\" data-black-label=\"Negro\"><div class=\"jin-web-eyedropper__actions\"><button type=\"button\" class=\"jin-web-eyedropper__picker-button\" aria-describedby=\"jin-web-eyedropper-1-status\" data-jin-eyedropper-start>Elija un color de la pantalla<\/button><p class=\"jin-web-eyedropper__support-note\">Despu\u00e9s de seleccionar un color, sus valores se convierten en esta p\u00e1gina solamente.<\/p><\/div><p class=\"jin-web-eyedropper__unsupported\" role=\"alert\" hidden data-jin-eyedropper-unsupported>Este navegador no puede elegir los colores de la pantalla. Prueba Chrome o Edge en un ordenador.<\/p><p id=\"jin-web-eyedropper-1-status\" class=\"jin-web-eyedropper__status\" aria-live=\"polite\" aria-atomic=\"true\" data-jin-eyedropper-status>Elige un color de tu pantalla.<\/p><div id=\"jin-web-eyedropper-1-result\" class=\"jin-web-eyedropper__result\" data-jin-eyedropper-result><div class=\"jin-web-eyedropper__recommendation-card\" role=\"status\" aria-live=\"polite\" data-jin-eyedropper-recommendation-card><span class=\"jin-web-eyedropper__recommendation-badge\"><span aria-hidden=\"true\">\u2605<\/span> Recomendado<\/span><p class=\"jin-web-eyedropper__recommendation\" data-jin-eyedropper-recommendation>Elige un color para ver el color de texto recomendado.<\/p><\/div><div class=\"jin-web-eyedropper__swatch jin-web-eyedropper__swatch--empty\" role=\"img\" aria-label=\"No hay color seleccionado\" data-jin-eyedropper-swatch><span class=\"jin-web-eyedropper__sample jin-web-eyedropper__sample--white\"><span>Muestra de texto blanco<\/span><span class=\"jin-web-eyedropper__sample-recommendation\" hidden data-jin-eyedropper-sample-recommendation=\"white\">Recomendado<\/span><\/span><span class=\"jin-web-eyedropper__sample jin-web-eyedropper__sample--black\"><span>Muestra de texto negro<\/span><span class=\"jin-web-eyedropper__sample-recommendation\" hidden data-jin-eyedropper-sample-recommendation=\"black\">Recomendado<\/span><\/span><\/div><div class=\"jin-web-eyedropper__values\"><div class=\"jin-web-eyedropper__value-row\"><label for=\"jin-web-eyedropper-1-hex\">HEX<\/label><input id=\"jin-web-eyedropper-1-hex\" type=\"text\" value=\"\" placeholder=\"No seleccionado\" readonly data-jin-eyedropper-value=\"hex\"><button type=\"button\" class=\"jin-web-eyedropper__copy-button\" data-jin-eyedropper-copy=\"hex\" disabled>Copiar HEX<\/button><\/div><div class=\"jin-web-eyedropper__value-row\"><label for=\"jin-web-eyedropper-1-rgb\">RGB<\/label><input id=\"jin-web-eyedropper-1-rgb\" type=\"text\" value=\"\" placeholder=\"No seleccionado\" readonly data-jin-eyedropper-value=\"rgb\"><button type=\"button\" class=\"jin-web-eyedropper__copy-button\" data-jin-eyedropper-copy=\"rgb\" disabled>Copiar RGB<\/button><\/div><div class=\"jin-web-eyedropper__value-row\"><label for=\"jin-web-eyedropper-1-hsl\">HSL<\/label><input id=\"jin-web-eyedropper-1-hsl\" type=\"text\" value=\"\" placeholder=\"No seleccionado\" readonly data-jin-eyedropper-value=\"hsl\"><button type=\"button\" class=\"jin-web-eyedropper__copy-button\" data-jin-eyedropper-copy=\"hsl\" disabled>Copiar HSL<\/button><\/div><\/div><\/div><\/div>\t\t\t<\/section>\n\t\t<template data-jin-text=\"step-current\">Paso actual<\/template>\n<template data-jin-text=\"step-visited\">Paso visitado<\/template>\n<template data-jin-text=\"step-upcoming\">Siguiente<\/template>\n<template data-jin-text=\"message-001\">Copiado {format}.<\/template>\n<template data-jin-text=\"message-002\">El eyedropper est\u00e1 abierto. Elige un color.<\/template>\n<template data-jin-text=\"message-003\">No pod\u00eda elegir un color. Prueba otra vez.<\/template>\n<template data-jin-text=\"message-004\">Color elegido. Puedes copiar el formato que necesites.<\/template>\n<template data-jin-text=\"message-005\">Selecci\u00f3n de color cancelada.<\/template>\n<template data-jin-text=\"message-006\">No pod\u00eda elegir un color. Prueba otra vez.<\/template>\n<template data-jin-text=\"message-007\">Elige un color de la pantalla primero.<\/template>\n<template data-jin-text=\"message-008\">No pod\u00eda copiar. Seleccione y copie el valor mostrado.<\/template>\n<template data-jin-text=\"swatch-001\">Color seleccionado {v0}<\/template>\n<template data-jin-text=\"swatch-002\">Color de texto recomendado: {color}<\/template>\n<template data-jin-text=\"swatch-003\">Blanco<\/template>\n<template data-jin-text=\"swatch-004\">Negro<\/template>\n<span hidden data-jin-language-fallback><template data-jin-text=\"step-current\">\u73fe\u5728\u306e\u624b\u9806<\/template>\n<template data-jin-text=\"step-visited\">\u78ba\u8a8d\u3057\u305f\u624b\u9806<\/template>\n<template data-jin-text=\"step-upcoming\">\u3053\u308c\u304b\u3089<\/template>\n<template data-jin-text=\"message-001\">{format}\u3092\u30b3\u30d4\u30fc\u3057\u307e\u3057\u305f\u3002<\/template>\n<template data-jin-text=\"message-002\">\u30b9\u30dd\u30a4\u30c8\u304c\u958b\u304d\u307e\u3057\u305f\u3002\u53d6\u5f97\u3057\u305f\u3044\u8272\u3092\u9078\u3093\u3067\u304f\u3060\u3055\u3044\u3002<\/template>\n<template data-jin-text=\"message-003\">\u8272\u3092\u53d6\u5f97\u3067\u304d\u307e\u305b\u3093\u3067\u3057\u305f\u3002\u3082\u3046\u4e00\u5ea6\u304a\u8a66\u3057\u304f\u3060\u3055\u3044\u3002<\/template>\n<template data-jin-text=\"message-004\">\u8272\u3092\u53d6\u5f97\u3057\u307e\u3057\u305f\u3002\u5fc5\u8981\u306a\u5f62\u5f0f\u3092\u30b3\u30d4\u30fc\u3067\u304d\u307e\u3059\u3002<\/template>\n<template data-jin-text=\"message-005\">\u8272\u306e\u9078\u629e\u3092\u4e2d\u6b62\u3057\u307e\u3057\u305f\u3002<\/template>\n<template data-jin-text=\"message-006\">\u8272\u3092\u53d6\u5f97\u3067\u304d\u307e\u305b\u3093\u3067\u3057\u305f\u3002\u3082\u3046\u4e00\u5ea6\u304a\u8a66\u3057\u304f\u3060\u3055\u3044\u3002<\/template>\n<template data-jin-text=\"message-007\">\u5148\u306b\u753b\u9762\u304b\u3089\u8272\u3092\u9078\u3093\u3067\u304f\u3060\u3055\u3044\u3002<\/template>\n<template data-jin-text=\"message-008\">\u30b3\u30d4\u30fc\u3067\u304d\u307e\u305b\u3093\u3067\u3057\u305f\u3002\u8868\u793a\u3055\u308c\u305f\u5024\u3092\u9078\u629e\u3057\u3066\u30b3\u30d4\u30fc\u3057\u3066\u304f\u3060\u3055\u3044\u3002<\/template>\n<template data-jin-text=\"swatch-001\">\u9078\u629e\u3057\u305f\u8272 {v0}<\/template>\n<template data-jin-text=\"swatch-002\">\u304a\u3059\u3059\u3081\u306e\u6587\u5b57\u8272\uff1a{color}<\/template>\n<template data-jin-text=\"swatch-003\">\u767d<\/template>\n<template data-jin-text=\"swatch-004\">\u9ed2<\/template>\n<\/span><\/article>\n\t\t\n\n\n<style>\n\/* JIM-JIN Tool Guide v2.0 \/ SWELL\n   Scope twice intentionally: outranks SWELL .post_content rules.\n   Place after theme CSS, once site-wide. *\/\n.jj-guide.jj-guide {\n --jj-accent:#6b5290; --jj-soft:#f5f2fa; --jj-line:#dedbe5; --jj-text:#30323b; --jj-muted:#626571;\n display:block; box-sizing:border-box; width:100%; max-width:100%;\n margin:48px auto 32px; padding:40px; border:1px solid #d7d3df;\n border-radius:8px; background:#fff!important; background-image:none!important;\n color:var(--jj-text); font-family:inherit; font-size:1rem; line-height:1.9;\n letter-spacing:.02em; text-align:left; overflow-wrap:anywhere;\n box-shadow:0 3px 16px rgba(48,36,68,.035); isolation:isolate;\n}\n.jj-guide.jj-guide *, .jj-guide.jj-guide *::before, .jj-guide.jj-guide *::after {box-sizing:border-box;}\n.jj-guide.jj-guide :is(h2,h3,p,ol,li,dl,dt,dd,figure,figcaption,details,summary,code) {margin:0;padding:0;border:0;background:none;box-shadow:none;color:inherit;}\n.jj-guide.jj-guide :is(h2,h3) {position:static;font-family:inherit;font-weight:700;line-height:1.6;letter-spacing:.025em;}\n.jj-guide.jj-guide :is(h2,h3,li)::before,.jj-guide.jj-guide :is(h2,h3,li)::after {content:none!important;display:none!important;}\n.jj-guide.jj-guide h2 {font-size:1.3rem;}\n.jj-guide.jj-guide h3 {font-size:1.0625rem;}\n.jj-guide.jj-guide p + p {margin-top:10px;}\n.jj-guide.jj-guide .jj-guide__intro {padding:0 0 30px;border-bottom:1px solid var(--jj-line);}\n.jj-guide.jj-guide .jj-guide__eyebrow {color:var(--jj-accent);font-size:.8125rem;font-weight:700;letter-spacing:.06em;}\n.jj-guide.jj-guide .jj-guide__eyebrow span {margin:0 10px;color:#b7a9cd;}\n.jj-guide.jj-guide .jj-guide__intro h2 {padding:0;margin:14px 0 16px;font-size:1.875rem;line-height:1.65;background:none;color:var(--jj-text);}\n.jj-guide.jj-guide .jj-guide__intro h2 br {display:none;}\n.jj-guide.jj-guide .jj-guide__lead {color:var(--jj-muted);max-width:none;}\n.jj-guide.jj-guide .jj-guide__tags {display:flex;flex-wrap:wrap;gap:8px;margin-top:18px;}\n.jj-guide.jj-guide .jj-guide__tags span {padding:3px 10px;border:1px solid #e5dfed;background:#faf8fd;color:var(--jj-accent);font-size:.75rem;border-radius:3px;}\n.jj-guide.jj-guide .jj-guide__section {padding:32px 0 0;}\n.jj-guide.jj-guide .jj-guide__section-title {display:flex;align-items:center;gap:12px;margin:0 0 24px;padding:12px 16px;background:var(--jj-soft);border-left:3px solid var(--jj-accent);border-radius:0 4px 4px 0;}\n.jj-guide.jj-guide .jj-guide__section-title h2 {flex:1;min-width:0;padding:0;margin:0;color:#393044;background:none;}\n.jj-guide.jj-guide .jj-guide__index {font:600 .8125rem\/1.5 Arial,sans-serif;letter-spacing:.06em;color:var(--jj-accent);}\n.jj-guide.jj-guide .jj-guide__steps {display:grid;grid-template-columns:1fr;list-style:none;gap:0;}\n.jj-guide.jj-guide .jj-guide__steps li {position:relative;display:grid;grid-template-columns:82px 1fr;column-gap:20px;list-style:none;padding:0 0 24px 0;}\n.jj-guide.jj-guide .jj-guide__steps li + li {padding-top:24px;border-top:1px solid #eeecf2;}\n.jj-guide.jj-guide .jj-guide__steps li:last-child {padding-bottom:0;}\n.jj-guide.jj-guide .jj-guide__step-label {grid-row:1\/3;align-self:start;padding:7px 0;text-align:center;border:1px solid #d8cce8;border-radius:4px;color:var(--jj-accent);font:600 .75rem\/1.5 Arial,sans-serif;letter-spacing:.04em;background:#fff;}\n.jj-guide.jj-guide .jj-guide__steps h3 {margin:0 0 6px;}\n.jj-guide.jj-guide .jj-guide__steps p {color:var(--jj-muted);}\n.jj-guide.jj-guide .jj-guide__note {margin-top:20px;padding:14px 18px;background:#f8f8fa;border-radius:4px;color:var(--jj-muted);font-size:.875rem;}\n.jj-guide.jj-guide .jj-guide__definitions {margin:20px 0 0;border:1px solid var(--jj-line);border-radius:4px;overflow:hidden;}\n.jj-guide.jj-guide .jj-guide__definitions > div {display:grid;grid-template-columns:210px minmax(0,1fr);}\n.jj-guide.jj-guide .jj-guide__definitions > div + div {border-top:1px solid var(--jj-line);}\n.jj-guide.jj-guide .jj-guide__definitions dt {padding:16px;background:#f8f7fa;font-weight:700;font-size:.9375rem;}\n.jj-guide.jj-guide .jj-guide__definitions dd {padding:16px;color:var(--jj-muted);font-size:.9375rem;}\n.jj-guide.jj-guide .jj-guide__example {margin:24px 0 0;padding:22px;border:1px solid #ded5e9;background:#fff;border-radius:6px;}\n.jj-guide.jj-guide .jj-guide__example figcaption {margin:0 0 18px;color:var(--jj-accent);font-size:.875rem;font-weight:700;}\n.jj-guide.jj-guide .jj-guide__example-body {display:grid;grid-template-columns:1fr 1.5fr;gap:20px;align-items:center;}\n.jj-guide.jj-guide .jj-guide__sample {display:grid;gap:10px;}\n.jj-guide.jj-guide .jj-guide__sample code {display:block;padding:12px 16px;border:1px solid #e8e5ec;border-radius:4px;background:#faf9fc;white-space:pre-wrap;font:500 1.125rem\/1.7 ui-monospace,monospace;}\n.jj-guide.jj-guide .jj-guide__sample > span {font-size:.75rem;line-height:1.7;color:var(--jj-muted);}\n.jj-guide.jj-guide .jj-guide__results {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;}\n.jj-guide.jj-guide .jj-guide__results > div {text-align:center;padding:12px 5px;background:#f6f3fa;border-radius:4px;}\n.jj-guide.jj-guide .jj-guide__results dt {font-size:.75rem;letter-spacing:0;}\n.jj-guide.jj-guide .jj-guide__results dd {margin:8px 0 0;font:500 2rem\/1.3 Arial,sans-serif;color:var(--jj-accent);}\n.jj-guide.jj-guide .jj-guide__results small {font-size:.75rem;margin-left:4px;}\n.jj-guide.jj-guide .jj-guide__features {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;}\n.jj-guide.jj-guide .jj-guide__features > section {padding:0;}\n.jj-guide.jj-guide .jj-guide__features h3,.jj-guide.jj-guide .jj-guide__uses h3 {margin-bottom:12px;padding-bottom:10px;border-bottom:2px solid #e6dff0;}\n.jj-guide.jj-guide .jj-guide__features p,.jj-guide.jj-guide .jj-guide__uses p {color:var(--jj-muted);font-size:.9375rem;}\n.jj-guide.jj-guide .jj-guide__fine {font-size:.875rem;color:var(--jj-muted);}\n.jj-guide.jj-guide .jj-guide__keyword {display:block;padding:24px;margin-top:24px;border:1px solid #e2d9ee;border-radius:6px;background:#faf8fd;}\n.jj-guide.jj-guide .jj-guide__keyword h3 {margin:6px 0 12px;font-size:1.125rem;}\n.jj-guide.jj-guide .jj-guide__uses {display:grid;grid-template-columns:1fr;gap:20px;}\n.jj-guide.jj-guide .jj-guide__uses > section {display:grid;grid-template-columns:210px minmax(0,1fr);gap:20px;}\n.jj-guide.jj-guide .jj-guide__uses h3 {border:0;padding:0;margin:0;}\n.jj-guide.jj-guide .jj-guide__faq {border-top:1px solid var(--jj-line);}\n.jj-guide.jj-guide .jj-guide__faq details {border-bottom:1px solid var(--jj-line);}\n.jj-guide.jj-guide .jj-guide__faq summary {display:flex;align-items:baseline;gap:14px;list-style:none;padding:18px 2px;cursor:pointer;font-weight:700;font-size:.9375rem;}\n.jj-guide.jj-guide .jj-guide__faq summary::-webkit-details-marker {display:none;}\n.jj-guide.jj-guide .jj-guide__faq summary::before {content:'Q';flex:none;align-self:flex-start;width:28px;line-height:28px;text-align:center;color:#fff;background:var(--jj-accent);border-radius:50%;font:600 .875rem\/28px Arial,sans-serif;}\n.jj-guide.jj-guide .jj-guide__faq summary::after {content:'+';flex:none;margin-left:auto;color:var(--jj-accent);font-size:1.25rem;line-height:1;}\n.jj-guide.jj-guide .jj-guide__faq details[open] summary::after {content:'\u2212';}\n.jj-guide.jj-guide .jj-guide__faq details > div {padding:0 4px 20px 44px;font-size:.9375rem;color:var(--jj-muted);}\n.jj-guide.jj-guide .jj-guide__faq summary:hover {color:var(--jj-accent);}\n.jj-guide.jj-guide .jj-guide__footer {display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:32px;padding-top:24px;border-top:1px solid var(--jj-line);font-size:.875rem;color:var(--jj-muted);}\n.jj-guide.jj-guide .jj-guide__footer a {display:inline-flex;align-items:center;justify-content:center;gap:24px;padding:10px 24px;min-height:44px;background:var(--jj-accent);color:#fff;border:1px solid var(--jj-accent);border-radius:4px;font-weight:700;text-decoration:none;}\n.jj-guide.jj-guide .jj-guide__footer a:hover {background:#594178;}\n.jj-guide.jj-guide :is(summary,a):focus-visible {outline:3px solid var(--jj-accent);outline-offset:4px;}\n@media(max-width:760px){\n .jj-guide.jj-guide {padding:28px 24px;margin-top:32px;}\n .jj-guide.jj-guide .jj-guide__intro h2 {font-size:1.625rem;}\n .jj-guide.jj-guide .jj-guide__features {grid-template-columns:1fr;}\n .jj-guide.jj-guide .jj-guide__example-body {grid-template-columns:1fr;}\n .jj-guide.jj-guide .jj-guide__uses > section {grid-template-columns:1fr;gap:6px;}\n .jj-guide.jj-guide .jj-guide__definitions > div {grid-template-columns:1fr;}\n .jj-guide.jj-guide .jj-guide__definitions dt {padding:12px 16px 8px;}\n .jj-guide.jj-guide .jj-guide__definitions dd {padding:12px 16px;}\n}\n@media(max-width:480px){\n .jj-guide.jj-guide {padding:24px 18px;font-size:1rem;}\n .jj-guide.jj-guide h2 {font-size:1.125rem;}\n .jj-guide.jj-guide .jj-guide__section-title {gap:8px;padding:12px;}\n .jj-guide.jj-guide .jj-guide__steps li {grid-template-columns:1fr;gap:8px;}\n .jj-guide.jj-guide .jj-guide__step-label {grid-row:auto;justify-self:start;padding:4px 10px;}\n .jj-guide.jj-guide .jj-guide__steps h3 {margin:0;}\n .jj-guide.jj-guide .jj-guide__example,.jj-guide.jj-guide .jj-guide__keyword {padding:16px;}\n .jj-guide.jj-guide .jj-guide__results small {display:block;margin:2px 0 0;}\n .jj-guide.jj-guide .jj-guide__faq summary {gap:10px;}\n .jj-guide.jj-guide .jj-guide__faq details > div {padding-left:0;}\n}\n@media print {.jj-guide.jj-guide {background:#fff!important;box-shadow:none;} .jj-guide.jj-guide .jj-guide__footer a {display:none;}}\n\n<\/style>\n<article style=\"background:#ffffff;border:1px solid #d7d3df;border-radius:8px;\" class=\"jj-guide\" aria-labelledby=\"guide-webspoit-title\">\n<header class=\"jj-guide__intro\"><p class=\"jj-guide__eyebrow\">Gu\u00eda del usuario <span aria-hidden=\"true\">\/<\/span> Cuentagotas de pantalla<\/p><h2 id=\"guide-webspoit-title\">Convierta un color en su pantalla en un valor de color.<\/h2><p class=\"jj-guide__lead\">Seleccione un color de una p\u00e1gina web, imagen u otra parte visible de su pantalla y compruebe sus valores HEX, RGB y HSL. Copiar el valor para mantener los colores consistentes en documentos o dise\u00f1os web.<\/p><div class=\"jj-guide__tags\" aria-label=\"Caracter\u00edsticas clave\"><span>Colores de pantalla<\/span><span>Mostrar HEX, RGB y HSL<\/span><span>Comparar texto blanco y negro<\/span><\/div><\/header>\n<section class=\"jj-guide__section\" aria-labelledby=\"guide-webspoit-1\"><div class=\"jj-guide__section-title\"><span class=\"jj-guide__index\" aria-hidden=\"true\">01<\/span><h2 id=\"guide-webspoit-1\">C\u00f3mo utilizar<\/h2><\/div><ol class=\"jj-guide__steps\"><li><span class=\"jj-guide__step-label\">PASO 01<\/span><h3>Mostrar el color que necesitas<\/h3><p>Aseg\u00farese de que el color es visible. Los navegadores compatibles tambi\u00e9n pueden seleccionar los colores mostrados fuera de la ventana del navegador.<\/p><\/li><li><span class=\"jj-guide__step-label\">PASO 02<\/span><h3>Elija un color de pantalla<\/h3><p>Selecciona Elija un color de la pantalla y pulsa sobre la zona deseada con el cuentagotas. Pulsa Esc para cancelar.<\/p><\/li><li><span class=\"jj-guide__step-label\">PASO 03<\/span><h3>Revisar y copiar el valor<\/h3><p>Compruebe el color seleccionado y sus valores HEX, RGB y HSL. Presione el bot\u00f3n de copia para su formato requerido. Tambi\u00e9n puede prever texto blanco y negro.<\/p><\/li><\/ol><\/section>\n<section class=\"jj-guide__section\" aria-labelledby=\"guide-webspoit-2\"><div class=\"jj-guide__section-title\"><span class=\"jj-guide__index\" aria-hidden=\"true\">02<\/span><h2 id=\"guide-webspoit-2\">Elegir un formato de color<\/h2><\/div><dl class=\"jj-guide__definitions\"><div><dt>HEX<\/dt><dd>Un c\u00f3digo de color como #336699, com\u00fanmente utilizado en herramientas de dise\u00f1o y web.<\/dd><\/div><div><dt>RGB<\/dt><dd>Representa las cantidades de rojo, verde y azul. \u00dasalo en aplicaciones aceptando valores RGB.<\/dd><\/div><div><dt>HSL<\/dt><dd>Representa el tono, la saturaci\u00f3n y la luminosidad. Es \u00fatil para ajustar el tono o la claridad de un color.<\/dd><\/div><div><dt>Color de texto sugerido<\/dt><dd>Muestra c\u00f3mo el texto blanco y negro mira en el fondo seleccionado. Tambi\u00e9n verifique la legibilidad en el tama\u00f1o real del texto y en su ubicaci\u00f3n prevista.<\/dd><\/div><\/dl><figure class=\"jj-guide__example\"><figcaption>Coincide con el color del t\u00edtulo de documento<\/figcaption><p>Elija el color de relleno de una partida de muestra, copie su valor HEX, y pegarlo en la configuraci\u00f3n de color de su documento.<\/p><\/figure><\/section>\n<section class=\"jj-guide__section\" aria-labelledby=\"guide-webspoit-3\"><div class=\"jj-guide__section-title\"><span class=\"jj-guide__index\" aria-hidden=\"true\">03<\/span><h2 id=\"guide-webspoit-3\">\u00datil para<\/h2><\/div><div class=\"jj-guide__uses\"><section><h3>Comprobando un color de muestra<\/h3><p>Lea el valor num\u00e9rico de un color de pantalla visible.<\/p><\/section><section><h3>Mantener los colores de documento consistentes<\/h3><p>Aplicar el mismo color a m\u00faltiples formas o encabezados.<\/p><\/section><section><h3>Selecci\u00f3n de colores de texto<\/h3><p>Compare la apariencia de texto blanco y negro.<\/p><\/section><\/div><\/section>\n<section class=\"jj-guide__section\" aria-labelledby=\"guide-webspoit-4\"><div class=\"jj-guide__section-title\"><span class=\"jj-guide__index\" aria-hidden=\"true\">04<\/span><h2 id=\"guide-webspoit-4\">Procesamiento y manejo de datos<\/h2><\/div><p>El valor de color seleccionado se convierte y se muestra dentro de la p\u00e1gina. Eligiendo un color no sube una imagen de pantalla completa a este sitio web.<\/p><\/section>\n<section class=\"jj-guide__section\" aria-labelledby=\"guide-webspoit-5\"><div class=\"jj-guide__section-title\"><span class=\"jj-guide__index\" aria-hidden=\"true\">05<\/span><h2 id=\"guide-webspoit-5\">Preguntas frecuentes<\/h2><\/div><div class=\"jj-guide__faq\"><details><summary>\u00bfFunciona en tel\u00e9fonos inteligentes?<\/summary><div><p>La selecci\u00f3n de color de la pantalla depende del soporte del navegador. Si no est\u00e1 disponible, prueba el escritorio Chrome o Edge.<\/p><\/div><\/details><details><summary>\u00bfNecesito cargar un archivo de imagen?<\/summary><div><p>No. Mostrar el color deseado en la pantalla y seleccionarlo. Esta no es una herramienta de carga de imagen.<\/p><\/div><\/details><details><summary>\u00bfPor qu\u00e9 el color seleccionado es diferente de lo que esperaba?<\/summary><div><p>Los bordes de texto y los gradientes var\u00edan seg\u00fan el p\u00edxel seleccionado. Prueba un \u00e1rea de color uniforme.<\/p><\/div><\/details><details><summary>\u00bfPuede leer tambi\u00e9n la transparencia?<\/summary><div><p>Lee el color mostrado en la pantalla. No lee el ajuste de transparencia original en una imagen o CSS.<\/p><\/div><\/details><\/div><\/section>\n<footer class=\"jj-guide__footer\"><span>Cuentagotas de pantalla<\/span><a href=\"#jin-web-eyedropper-1\">Volver a la herramienta <span aria-hidden=\"true\">\u2191<\/span><\/a><\/footer><\/article>\n","protected":false},"excerpt":{"rendered":"<p>Elija un color de su pantallaUna herramienta gratuita Utiliza el cuentagotas para obtener c\u00f3digos de color para tus dise\u00f1os. Los navegadores compatibles tambi\u00e9n pueden seleccionar colores fuera de su ventana. Gu\u00eda del usuario \/ Cuentagotas de pantalla Convierta un color en su pantalla en un valor de color. Seleccione un color de una p\u00e1gina web, [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"swell_btn_cv_data":"","footnotes":""},"class_list":["post-224","page","type-page","status-publish","hentry"],"aioseo_notices":[],"aioseo_head":"\n\t\t<!-- All in One SEO 5.0.2.1 - aioseo.com -->\n\t<meta name=\"description\" content=\"Elija un color de su herramienta gratuita ScreenA Utilice el eyedropper para encontrar c\u00f3digos de color para sus dise\u00f1os. Los navegadores compatibles tambi\u00e9n pueden elegir colores desde fuera de la ventana del navegador. User Guid\" \/>\n\t<meta name=\"robots\" content=\"max-image-preview:large\" \/>\n\t<meta name=\"msvalidate.01\" content=\"743da3919f7a476585593d5a05a21adf\" \/>\n\t<link rel=\"canonical\" href=\"https:\/\/jim-jin.com\/es\/webspoit\" \/>\n\t<meta name=\"generator\" content=\"All in One SEO (AIOSEO) 5.0.2.1\" \/>\n\t\t<meta property=\"og:locale\" content=\"es_ES\" \/>\n\t\t<meta property=\"og:site_name\" content=\"JIM-JIN - Herramientas web gratuitas para el trabajo diario\" \/>\n\t\t<meta property=\"og:type\" content=\"article\" \/>\n\t\t<meta property=\"og:title\" content=\"Cuentagotas de pantalla - JIM-JIN\" \/>\n\t\t<meta property=\"og:description\" content=\"Elija un color de su herramienta gratuita ScreenA Utilice el eyedropper para encontrar c\u00f3digos de color para sus dise\u00f1os. Los navegadores compatibles tambi\u00e9n pueden elegir colores desde fuera de la ventana del navegador. User Guid\" \/>\n\t\t<meta property=\"og:url\" content=\"https:\/\/jim-jin.com\/es\/webspoit\" \/>\n\t\t<meta property=\"og:image\" content=\"https:\/\/jim-jin.com\/wp-content\/uploads\/2026\/07\/Gemini_Generated_Image_7u5jq37u5jq37u5j-1.png\" \/>\n\t\t<meta property=\"og:image:secure_url\" content=\"https:\/\/jim-jin.com\/wp-content\/uploads\/2026\/07\/Gemini_Generated_Image_7u5jq37u5jq37u5j-1.png\" \/>\n\t\t<meta property=\"article:published_time\" content=\"2026-09-02T16:37:09+00:00\" \/>\n\t\t<meta property=\"article:modified_time\" content=\"2026-10-09T00:39:19+00:00\" \/>\n\t\t<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n\t\t<meta name=\"twitter:title\" content=\"Cuentagotas de pantalla - JIM-JIN\" \/>\n\t\t<meta name=\"twitter:description\" content=\"Elija un color de su herramienta gratuita ScreenA Utilice el eyedropper para encontrar c\u00f3digos de color para sus dise\u00f1os. Los navegadores compatibles tambi\u00e9n pueden elegir colores desde fuera de la ventana del navegador. User Guid\" \/>\n\t\t<meta name=\"twitter:image\" content=\"https:\/\/jim-jin.com\/wp-content\/uploads\/2026\/07\/Gemini_Generated_Image_7u5jq37u5jq37u5j-1.png\" \/>\n\t\t<script type=\"application\/ld+json\" class=\"aioseo-schema\">\n\t\t\t{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/jim-jin.com\\\/es\\\/webspoit#breadcrumblist\",\"itemListElement\":[{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/jim-jin.com\\\/es\\\/#listItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/jim-jin.com\\\/es\\\/\",\"nextItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/jim-jin.com\\\/es\\\/webspoit#listItem\",\"name\":\"Cuentagotas de pantalla\"}},{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/jim-jin.com\\\/es\\\/webspoit#listItem\",\"position\":2,\"name\":\"Cuentagotas de pantalla\",\"previousItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/jim-jin.com\\\/es\\\/#listItem\",\"name\":\"Home\"}}]},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/jim-jin.com\\\/es\\\/#organization\",\"name\":\"JIM-JIN\",\"description\":\"Herramientas web gratuitas para el trabajo diario\",\"url\":\"https:\\\/\\\/jim-jin.com\\\/es\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"url\":\"https:\\\/\\\/jim-jin.com\\\/wp-content\\\/uploads\\\/2026\\\/09\\\/\\u30b9\\u30af\\u30ea\\u30fc\\u30f3\\u30b7\\u30e7\\u30c3\\u30c8-2026-09-06-16.54.44.png\",\"@id\":\"https:\\\/\\\/jim-jin.com\\\/es\\\/webspoit\\\/#organizationLogo\"},\"image\":{\"@id\":\"https:\\\/\\\/jim-jin.com\\\/es\\\/webspoit\\\/#organizationLogo\"}},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/jim-jin.com\\\/es\\\/webspoit#webpage\",\"url\":\"https:\\\/\\\/jim-jin.com\\\/es\\\/webspoit\",\"name\":\"Cuentagotas de pantalla - JIM-JIN\",\"description\":\"Elija un color de su herramienta gratuita ScreenA Utilice el eyedropper para encontrar c\\u00f3digos de color para sus dise\\u00f1os. Los navegadores compatibles tambi\\u00e9n pueden elegir colores desde fuera de la ventana del navegador. User Guid\",\"inLanguage\":\"es-ES\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/jim-jin.com\\\/es\\\/#website\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/jim-jin.com\\\/es\\\/webspoit#breadcrumblist\"},\"datePublished\":\"2026-09-03T01:37:09+09:00\",\"dateModified\":\"2026-10-09T09:39:19+09:00\"},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/jim-jin.com\\\/es\\\/#website\",\"url\":\"https:\\\/\\\/jim-jin.com\\\/es\\\/\",\"name\":\"JIM-JIN\",\"description\":\"Herramientas web gratuitas para el trabajo diario\",\"inLanguage\":\"es-ES\",\"publisher\":{\"@id\":\"https:\\\/\\\/jim-jin.com\\\/es\\\/#organization\"}}]}\n\t\t<\/script>\n\t\t<!-- All in One SEO -->\n\n","aioseo_head_json":{"title":"Cuentagotas de pantalla - JIM-JIN","description":"Elija un color de su herramienta gratuita ScreenA Utilice el eyedropper para encontrar c\u00f3digos de color para sus dise\u00f1os. Los navegadores compatibles tambi\u00e9n pueden elegir colores desde fuera de la ventana del navegador. User Guid","canonical_url":"https:\/\/jim-jin.com\/es\/webspoit","robots":"max-image-preview:large","keywords":"","webmasterTools":{"msvalidate.01":"743da3919f7a476585593d5a05a21adf","miscellaneous":""},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"BreadcrumbList","@id":"https:\/\/jim-jin.com\/es\/webspoit#breadcrumblist","itemListElement":[{"@type":"ListItem","@id":"https:\/\/jim-jin.com\/es\/#listItem","position":1,"name":"Home","item":"https:\/\/jim-jin.com\/es\/","nextItem":{"@type":"ListItem","@id":"https:\/\/jim-jin.com\/es\/webspoit#listItem","name":"Cuentagotas de pantalla"}},{"@type":"ListItem","@id":"https:\/\/jim-jin.com\/es\/webspoit#listItem","position":2,"name":"Cuentagotas de pantalla","previousItem":{"@type":"ListItem","@id":"https:\/\/jim-jin.com\/es\/#listItem","name":"Home"}}]},{"@type":"Organization","@id":"https:\/\/jim-jin.com\/es\/#organization","name":"JIM-JIN","description":"Herramientas web gratuitas para el trabajo diario","url":"https:\/\/jim-jin.com\/es\/","logo":{"@type":"ImageObject","url":"https:\/\/jim-jin.com\/wp-content\/uploads\/2026\/09\/\u30b9\u30af\u30ea\u30fc\u30f3\u30b7\u30e7\u30c3\u30c8-2026-09-06-16.54.44.png","@id":"https:\/\/jim-jin.com\/es\/webspoit\/#organizationLogo"},"image":{"@id":"https:\/\/jim-jin.com\/es\/webspoit\/#organizationLogo"}},{"@type":"WebPage","@id":"https:\/\/jim-jin.com\/es\/webspoit#webpage","url":"https:\/\/jim-jin.com\/es\/webspoit","name":"Cuentagotas de pantalla - JIM-JIN","description":"Elija un color de su herramienta gratuita ScreenA Utilice el eyedropper para encontrar c\u00f3digos de color para sus dise\u00f1os. Los navegadores compatibles tambi\u00e9n pueden elegir colores desde fuera de la ventana del navegador. User Guid","inLanguage":"es-ES","isPartOf":{"@id":"https:\/\/jim-jin.com\/es\/#website"},"breadcrumb":{"@id":"https:\/\/jim-jin.com\/es\/webspoit#breadcrumblist"},"datePublished":"2026-09-03T01:37:09+09:00","dateModified":"2026-10-09T09:39:19+09:00"},{"@type":"WebSite","@id":"https:\/\/jim-jin.com\/es\/#website","url":"https:\/\/jim-jin.com\/es\/","name":"JIM-JIN","description":"Herramientas web gratuitas para el trabajo diario","inLanguage":"es-ES","publisher":{"@id":"https:\/\/jim-jin.com\/es\/#organization"}}]},"og:locale":"es_ES","og:site_name":"JIM-JIN - Herramientas web gratuitas para el trabajo diario","og:type":"article","og:title":"Cuentagotas de pantalla - JIM-JIN","og:description":"Elija un color de su herramienta gratuita ScreenA Utilice el eyedropper para encontrar c\u00f3digos de color para sus dise\u00f1os. Los navegadores compatibles tambi\u00e9n pueden elegir colores desde fuera de la ventana del navegador. User Guid","og:url":"https:\/\/jim-jin.com\/es\/webspoit","og:image":"https:\/\/jim-jin.com\/wp-content\/uploads\/2026\/07\/Gemini_Generated_Image_7u5jq37u5jq37u5j-1.png","og:image:secure_url":"https:\/\/jim-jin.com\/wp-content\/uploads\/2026\/07\/Gemini_Generated_Image_7u5jq37u5jq37u5j-1.png","article:published_time":"2026-09-02T16:37:09+00:00","article:modified_time":"2026-10-09T00:39:19+00:00","twitter:card":"summary_large_image","twitter:title":"Cuentagotas de pantalla - JIM-JIN","twitter:description":"Elija un color de su herramienta gratuita ScreenA Utilice el eyedropper para encontrar c\u00f3digos de color para sus dise\u00f1os. Los navegadores compatibles tambi\u00e9n pueden elegir colores desde fuera de la ventana del navegador. User Guid","twitter:image":"https:\/\/jim-jin.com\/wp-content\/uploads\/2026\/07\/Gemini_Generated_Image_7u5jq37u5jq37u5j-1.png"},"aioseo_meta_data":{"post_id":"224","title":null,"description":"Elija un color de su herramienta gratuita ScreenA Utilice el eyedropper para encontrar c\u00f3digos de color para sus dise\u00f1os. Los navegadores compatibles tambi\u00e9n pueden elegir colores desde fuera de la ventana del navegador. User Guid","keywords":null,"keyphrases":{"focus":{"keyphrase":"","score":0,"analysis":{"keyphraseInTitle":{"score":0,"maxScore":9,"error":1}}},"additional":[]},"focus_keyword":null,"additional_keywords":null,"truseo_locale":null,"primary_term":null,"canonical_url":null,"og_title":null,"og_description":null,"og_object_type":"default","og_image_type":"default","og_image_custom_url":null,"og_image_custom_fields":null,"og_image_url":null,"og_image_width":null,"og_image_height":null,"og_video":"","og_custom_url":null,"og_article_section":null,"og_article_tags":null,"twitter_use_og":false,"twitter_card":"default","twitter_image_type":"default","twitter_image_custom_url":null,"twitter_image_custom_fields":null,"twitter_image_url":null,"twitter_title":null,"twitter_description":null,"schema_type":"default","schema_type_options":null,"schema":{"blockGraphs":[],"customGraphs":[],"default":{"data":{"Article":[],"Course":[],"Dataset":[],"FAQPage":[],"Movie":[],"Person":[],"Product":[],"ProductReview":[],"Car":[],"Recipe":[],"Service":[],"SoftwareApplication":[],"WebPage":[]},"graphName":"WebPage","isEnabled":true},"graphs":[]},"pillar_content":false,"robots_default":true,"robots_noindex":false,"robots_noarchive":false,"robots_nosnippet":false,"robots_nofollow":false,"robots_noimageindex":false,"robots_noodp":false,"robots_notranslate":false,"robots_max_snippet":"-1","robots_max_videopreview":"-1","robots_max_imagepreview":"large","priority":null,"frequency":"default","local_seo":null,"limit_modified_date":false,"ai":{"faqs":[],"keyPoints":[],"schemas":[],"titles":[],"descriptions":[],"socialPosts":{"email":{"subject":"","preview":"","content":""},"linkedin":[],"twitter":[],"facebook":[],"instagram":[]}},"breadcrumb_settings":null,"seo_analyzer_scan_date":null,"created":"2026-09-11 15:11:03","updated":"2026-10-08 07:33:22"},"aioseo_breadcrumb":"<div class=\"aioseo-breadcrumbs\"><span class=\"aioseo-breadcrumb\">\n\t\t\t<a href=\"https:\/\/jim-jin.com\/es\/\" title=\"Home\">Home<\/a>\n\t\t<\/span><span class=\"aioseo-breadcrumb-separator\">\u00bb<\/span><span class=\"aioseo-breadcrumb\">\n\t\t\tCuentagotas de pantalla\n\t\t<\/span><\/div>","aioseo_breadcrumb_json":[{"label":"Home","link":"https:\/\/jim-jin.com\/es\/"},{"label":"Cuentagotas de pantalla","link":"https:\/\/jim-jin.com\/es\/webspoit"}],"_links":{"self":[{"href":"https:\/\/jim-jin.com\/es\/wp-json\/wp\/v2\/pages\/224","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/jim-jin.com\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/jim-jin.com\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/jim-jin.com\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/jim-jin.com\/es\/wp-json\/wp\/v2\/comments?post=224"}],"version-history":[{"count":24,"href":"https:\/\/jim-jin.com\/es\/wp-json\/wp\/v2\/pages\/224\/revisions"}],"predecessor-version":[{"id":1204,"href":"https:\/\/jim-jin.com\/es\/wp-json\/wp\/v2\/pages\/224\/revisions\/1204"}],"wp:attachment":[{"href":"https:\/\/jim-jin.com\/es\/wp-json\/wp\/v2\/media?parent=224"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}