{"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-08T09:10:02","modified_gmt":"2026-10-08T00:10:02","slug":"webspoit","status":"publish","type":"page","link":"https:\/\/jim-jin.com\/en\/webspoit","title":{"rendered":"Screen Color Eyedropper"},"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     Pick a Color from Your Screen<br>A free tool\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      Use the eyedropper to find color codes for your designs. Supported browsers can also pick colors from outside the browser window.\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\/en\/?jwtc_action=jwtc_member_status\" role=\"region\" aria-label=\"Member sign-in status\">\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\">Hello<\/strong><small data-member-field=\"status\">Checking\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=\"Member menu\">\n                <a href=\"https:\/\/jim-jin.com\/en\/registration\">Create a free account or sign in<\/a>\n            <\/nav>\n            <p class=\"jwtc-member-status__error\" hidden>Could not check your sign-in status.<button type=\"button\" data-member-retry>Retry<\/button><\/p>\n            <noscript><p>Enable JavaScript to display your sign-in status. You can still open the account page using the links.<\/p><\/noscript>\n        <\/div>\n        \n\n\n\t\t<article data-jin-language=\"en\" lang=\"en\" 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\/en\/wp-content\/uploads\/2026\/09\/14-web-eyedropper-300x300.png\" class=\"jin-web-eyedropper__logo-image\" alt=\"\" title=\"Screen Color Eyedropper\" srcset=\"https:\/\/jim-jin.com\/en\/wp-content\/uploads\/2026\/09\/14-web-eyedropper-300x300.png 300w, https:\/\/jim-jin.com\/en\/wp-content\/uploads\/2026\/09\/14-web-eyedropper-150x150.png 150w, https:\/\/jim-jin.com\/en\/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\">Screen Color Eyedropper<\/h1>\n\t\t\t<\/header>\n\t\t\t<nav class=\"jin-public-steps\" data-jin-public-steps aria-label=\"Workflow\"><ol><li aria-current=\"step\"><button type=\"button\" data-target=\"[data-jin-eyedropper-start]\"><span class=\"jin-public-steps__number\">1<\/span><span>Choose a color<small class=\"jin-public-steps__state\">Current step<\/small><\/span><\/button><\/li><li><button type=\"button\" data-target=\"[data-jin-eyedropper-value]\"><span class=\"jin-public-steps__number\">2<\/span><span>Review color values<small class=\"jin-public-steps__state\">Upcoming<\/small><\/span><\/button><\/li><li><button type=\"button\" data-target=\"[data-jin-eyedropper-copy]\"><span class=\"jin-public-steps__number\">3<\/span><span>Copy<small class=\"jin-public-steps__state\">Upcoming<\/small><\/span><\/button><\/li><\/ol><\/nav>\n\t\t\t<section class=\"jin-web-eyedropper__account\" aria-label=\"Account information\">\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\">Guest<\/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\">Free<\/span>\n\t\t\t\t\t<span class=\"jin-web-eyedropper__login-state\">Not signed in<\/span>\n\t\t\t\t\t<span class=\"jin-web-eyedropper__limit\">Usage: unlimited<\/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=\"Privacy\">\n\t\t\t\t<span class=\"jin-web-eyedropper__privacy-icon\" aria-hidden=\"true\">&#128274;<\/span>\n\t\t\t\t<p>This tool does not store your input on a server. If storage is needed, a notice is shown beforehand.<\/p>\n\t\t\t<\/aside>\n\n\t\t\t<section class=\"jin-web-eyedropper__intro\" aria-label=\"About this tool\">\n\t\t\t\t<h2>About this tool<\/h2><p>Choose a color on your screen to view and copy HEX, RGB and HSL values. You can also choose colors outside the browser window.<\/p>\t\t\t<\/section>\n\n\t\t\t<section class=\"jin-web-eyedropper__main\" aria-label=\"Tool controls\">\n\t\t\t\t<div class=\"jin-web-eyedropper__workarea\" data-copy-success-template=\"Copied {format}.\" data-recommendation-template=\"Recommended text color: {color}\" data-recommendation-badge=\"Recommended\" data-white-label=\"White\" data-black-label=\"Black\"><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>Choose a color from the screen<\/button><p class=\"jin-web-eyedropper__support-note\">After selecting a color, its values are converted within this page only.<\/p><\/div><p class=\"jin-web-eyedropper__unsupported\" role=\"alert\" hidden data-jin-eyedropper-unsupported>This browser cannot pick screen colors. Try Chrome or Edge on a computer.<\/p><p id=\"jin-web-eyedropper-1-status\" class=\"jin-web-eyedropper__status\" aria-live=\"polite\" aria-atomic=\"true\" data-jin-eyedropper-status>Choose a color from your screen.<\/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> Recommended<\/span><p class=\"jin-web-eyedropper__recommendation\" data-jin-eyedropper-recommendation>Choose a color to see the recommended text color.<\/p><\/div><div class=\"jin-web-eyedropper__swatch jin-web-eyedropper__swatch--empty\" role=\"img\" aria-label=\"No color selected\" data-jin-eyedropper-swatch><span class=\"jin-web-eyedropper__sample jin-web-eyedropper__sample--white\"><span>White text sample<\/span><span class=\"jin-web-eyedropper__sample-recommendation\" hidden data-jin-eyedropper-sample-recommendation=\"white\">Recommended<\/span><\/span><span class=\"jin-web-eyedropper__sample jin-web-eyedropper__sample--black\"><span>Black text sample<\/span><span class=\"jin-web-eyedropper__sample-recommendation\" hidden data-jin-eyedropper-sample-recommendation=\"black\">Recommended<\/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=\"Not selected\" readonly data-jin-eyedropper-value=\"hex\"><button type=\"button\" class=\"jin-web-eyedropper__copy-button\" data-jin-eyedropper-copy=\"hex\" disabled>Copy 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=\"Not selected\" readonly data-jin-eyedropper-value=\"rgb\"><button type=\"button\" class=\"jin-web-eyedropper__copy-button\" data-jin-eyedropper-copy=\"rgb\" disabled>Copy 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=\"Not selected\" readonly data-jin-eyedropper-value=\"hsl\"><button type=\"button\" class=\"jin-web-eyedropper__copy-button\" data-jin-eyedropper-copy=\"hsl\" disabled>Copy HSL<\/button><\/div><\/div><\/div><\/div>\t\t\t<\/section>\n\t\t<template data-jin-text=\"step-current\">Current step<\/template>\n<template data-jin-text=\"step-visited\">Visited step<\/template>\n<template data-jin-text=\"step-upcoming\">Upcoming<\/template>\n<template data-jin-text=\"message-001\">Copied {format}.<\/template>\n<template data-jin-text=\"message-002\">The eyedropper is open. Choose a color.<\/template>\n<template data-jin-text=\"message-003\">Could not pick a color. Try again.<\/template>\n<template data-jin-text=\"message-004\">Color picked. You can copy the format you need.<\/template>\n<template data-jin-text=\"message-005\">Color selection cancelled.<\/template>\n<template data-jin-text=\"message-006\">Could not pick a color. Try again.<\/template>\n<template data-jin-text=\"message-007\">Choose a color from the screen first.<\/template>\n<template data-jin-text=\"message-008\">Could not copy. Select and copy the displayed value.<\/template>\n<template data-jin-text=\"swatch-001\">Selected color {v0}<\/template>\n<template data-jin-text=\"swatch-002\">Recommended text color: {color}<\/template>\n<template data-jin-text=\"swatch-003\">White<\/template>\n<template data-jin-text=\"swatch-004\">Black<\/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\">User Guide <span aria-hidden=\"true\">\/<\/span> Screen Color Eyedropper<\/p><h2 id=\"guide-webspoit-title\">Turn a color on your screen into a color value.<\/h2><p class=\"jj-guide__lead\">Select a color from a web page, image, or another visible part of your screen and check its HEX, RGB, and HSL values. Copy the value to keep colors consistent in documents or web designs.<\/p><div class=\"jj-guide__tags\" aria-label=\"Key features\"><span>Pick screen colors<\/span><span>Display HEX, RGB, and HSL<\/span><span>Compare white and black text<\/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\">How to Use<\/h2><\/div><ol class=\"jj-guide__steps\"><li><span class=\"jj-guide__step-label\">STEP 01<\/span><h3>Display the color you need<\/h3><p>Make sure the color is visible. Supported browsers can also select colors shown outside the browser window.<\/p><\/li><li><span class=\"jj-guide__step-label\">STEP 02<\/span><h3>Pick a screen color<\/h3><p>Select Pick a screen color, then click the desired area with the eyedropper. Press Esc to cancel.<\/p><\/li><li><span class=\"jj-guide__step-label\">STEP 03<\/span><h3>Review and copy the value<\/h3><p>Check the selected color and its HEX, RGB, and HSL values. Press the copy button for your required format. You can also preview white and black text.<\/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\">Choosing a Color Format<\/h2><\/div><dl class=\"jj-guide__definitions\"><div><dt>HEX<\/dt><dd>A color code such as #336699, commonly used in web and design tools.<\/dd><\/div><div><dt>RGB<\/dt><dd>Represents the amounts of red, green, and blue. Use it in applications accepting RGB values.<\/dd><\/div><div><dt>HSL<\/dt><dd>Represents hue, saturation, and lightness. Useful when adjusting the color tone or brightness.<\/dd><\/div><div><dt>Suggested text color<\/dt><dd>Shows how white and black text look on the selected background. Also check readability at the actual text size and in its intended location.<\/dd><\/div><\/dl><figure class=\"jj-guide__example\"><figcaption>Match a document heading color<\/figcaption><p>Pick the fill color of a sample heading, copy its HEX value, and paste it into your document&#8217;s color settings.<\/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\">Useful For<\/h2><\/div><div class=\"jj-guide__uses\"><section><h3>Checking a sample color<\/h3><p>Read the numeric value of a visible screen color.<\/p><\/section><section><h3>Keeping document colors consistent<\/h3><p>Apply the same color to multiple shapes or headings.<\/p><\/section><section><h3>Choosing text colors<\/h3><p>Compare the appearance of white and black text.<\/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\">Processing and Data Handling<\/h2><\/div><p>The selected color value is converted and displayed within the page. Picking a color does not upload a full-screen image to this website.<\/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\">Frequently Asked Questions<\/h2><\/div><div class=\"jj-guide__faq\"><details><summary>Does it work on smartphones?<\/summary><div><p>Screen color picking depends on browser support. If unavailable, try desktop Chrome or Edge.<\/p><\/div><\/details><details><summary>Do I need to load an image file?<\/summary><div><p>No. Display the desired color on your screen and select it. This is not an image upload tool.<\/p><\/div><\/details><details><summary>Why is the selected color different from what I expected?<\/summary><div><p>Text edges and gradients vary by the selected pixel. Try a uniform area of color.<\/p><\/div><\/details><details><summary>Can it also read transparency?<\/summary><div><p>It reads the color displayed on the screen. It does not read the original transparency setting in an image or CSS.<\/p><\/div><\/details><\/div><\/section>\n<footer class=\"jj-guide__footer\"><span>Screen Color Eyedropper<\/span><a href=\"#jin-web-eyedropper-1\">Back to the Tool <span aria-hidden=\"true\">\u2191<\/span><\/a><\/footer><\/article>\n","protected":false},"excerpt":{"rendered":"<p>Pick a Color from Your ScreenA free tool Use the eyedropper to find color codes for your designs. Supported browsers can also pick colors from outside the browser window. User Guide \/ Screen Color Eyedropper Turn a color on your screen into a color value. Select a color from a web page, image, or another [&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=\"Pick a Color from Your ScreenA free tool Use the eyedropper to find color codes for your designs. Supported browsers can also pick colors from outside the browser window. 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\/en\/webspoit\" \/>\n\t<meta name=\"generator\" content=\"All in One SEO (AIOSEO) 5.0.2.1\" \/>\n\t\t<meta property=\"og:locale\" content=\"en_US\" \/>\n\t\t<meta property=\"og:site_name\" content=\"JIM-JIN | Online Tools for Everyday Work - Free tools for CSV, Excel, images and text\" \/>\n\t\t<meta property=\"og:type\" content=\"article\" \/>\n\t\t<meta property=\"og:title\" content=\"Screen Color Eyedropper - JIM-JIN | Online Tools for Everyday Work\" \/>\n\t\t<meta property=\"og:description\" content=\"Pick a Color from Your ScreenA free tool Use the eyedropper to find color codes for your designs. Supported browsers can also pick colors from outside the browser window. User Guid\" \/>\n\t\t<meta property=\"og:url\" content=\"https:\/\/jim-jin.com\/en\/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-08T00:10:02+00:00\" \/>\n\t\t<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n\t\t<meta name=\"twitter:title\" content=\"Screen Color Eyedropper - JIM-JIN | Online Tools for Everyday Work\" \/>\n\t\t<meta name=\"twitter:description\" content=\"Pick a Color from Your ScreenA free tool Use the eyedropper to find color codes for your designs. Supported browsers can also pick colors from outside the browser window. 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\\\/en\\\/webspoit#breadcrumblist\",\"itemListElement\":[{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/jim-jin.com\\\/en\\\/#listItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/jim-jin.com\\\/en\\\/\",\"nextItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/jim-jin.com\\\/en\\\/webspoit#listItem\",\"name\":\"Screen Color Eyedropper\"}},{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/jim-jin.com\\\/en\\\/webspoit#listItem\",\"position\":2,\"name\":\"Screen Color Eyedropper\",\"previousItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/jim-jin.com\\\/en\\\/#listItem\",\"name\":\"Home\"}}]},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/jim-jin.com\\\/en\\\/#organization\",\"name\":\"JIM-JIN | Online Tools for Everyday Work\",\"description\":\"Free tools for CSV, Excel, images and text\",\"url\":\"https:\\\/\\\/jim-jin.com\\\/en\\\/\",\"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\\\/en\\\/webspoit\\\/#organizationLogo\"},\"image\":{\"@id\":\"https:\\\/\\\/jim-jin.com\\\/en\\\/webspoit\\\/#organizationLogo\"}},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/jim-jin.com\\\/en\\\/webspoit#webpage\",\"url\":\"https:\\\/\\\/jim-jin.com\\\/en\\\/webspoit\",\"name\":\"Screen Color Eyedropper - JIM-JIN | Online Tools for Everyday Work\",\"description\":\"Pick a Color from Your ScreenA free tool Use the eyedropper to find color codes for your designs. Supported browsers can also pick colors from outside the browser window. User Guid\",\"inLanguage\":\"en-US\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/jim-jin.com\\\/en\\\/#website\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/jim-jin.com\\\/en\\\/webspoit#breadcrumblist\"},\"datePublished\":\"2026-09-03T01:37:09+09:00\",\"dateModified\":\"2026-10-08T09:10:02+09:00\"},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/jim-jin.com\\\/en\\\/#website\",\"url\":\"https:\\\/\\\/jim-jin.com\\\/en\\\/\",\"name\":\"JIM-JIN | Online Tools for Everyday Work\",\"description\":\"Free tools for CSV, Excel, images and text\",\"inLanguage\":\"en-US\",\"publisher\":{\"@id\":\"https:\\\/\\\/jim-jin.com\\\/en\\\/#organization\"}}]}\n\t\t<\/script>\n\t\t<!-- All in One SEO -->\n\n","aioseo_head_json":{"title":"Screen Color Eyedropper - JIM-JIN | Online Tools for Everyday Work","description":"Pick a Color from Your ScreenA free tool Use the eyedropper to find color codes for your designs. Supported browsers can also pick colors from outside the browser window. User Guid","canonical_url":"https:\/\/jim-jin.com\/en\/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\/en\/webspoit#breadcrumblist","itemListElement":[{"@type":"ListItem","@id":"https:\/\/jim-jin.com\/en\/#listItem","position":1,"name":"Home","item":"https:\/\/jim-jin.com\/en\/","nextItem":{"@type":"ListItem","@id":"https:\/\/jim-jin.com\/en\/webspoit#listItem","name":"Screen Color Eyedropper"}},{"@type":"ListItem","@id":"https:\/\/jim-jin.com\/en\/webspoit#listItem","position":2,"name":"Screen Color Eyedropper","previousItem":{"@type":"ListItem","@id":"https:\/\/jim-jin.com\/en\/#listItem","name":"Home"}}]},{"@type":"Organization","@id":"https:\/\/jim-jin.com\/en\/#organization","name":"JIM-JIN | Online Tools for Everyday Work","description":"Free tools for CSV, Excel, images and text","url":"https:\/\/jim-jin.com\/en\/","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\/en\/webspoit\/#organizationLogo"},"image":{"@id":"https:\/\/jim-jin.com\/en\/webspoit\/#organizationLogo"}},{"@type":"WebPage","@id":"https:\/\/jim-jin.com\/en\/webspoit#webpage","url":"https:\/\/jim-jin.com\/en\/webspoit","name":"Screen Color Eyedropper - JIM-JIN | Online Tools for Everyday Work","description":"Pick a Color from Your ScreenA free tool Use the eyedropper to find color codes for your designs. Supported browsers can also pick colors from outside the browser window. User Guid","inLanguage":"en-US","isPartOf":{"@id":"https:\/\/jim-jin.com\/en\/#website"},"breadcrumb":{"@id":"https:\/\/jim-jin.com\/en\/webspoit#breadcrumblist"},"datePublished":"2026-09-03T01:37:09+09:00","dateModified":"2026-10-08T09:10:02+09:00"},{"@type":"WebSite","@id":"https:\/\/jim-jin.com\/en\/#website","url":"https:\/\/jim-jin.com\/en\/","name":"JIM-JIN | Online Tools for Everyday Work","description":"Free tools for CSV, Excel, images and text","inLanguage":"en-US","publisher":{"@id":"https:\/\/jim-jin.com\/en\/#organization"}}]},"og:locale":"en_US","og:site_name":"JIM-JIN | Online Tools for Everyday Work - Free tools for CSV, Excel, images and text","og:type":"article","og:title":"Screen Color Eyedropper - JIM-JIN | Online Tools for Everyday Work","og:description":"Pick a Color from Your ScreenA free tool Use the eyedropper to find color codes for your designs. Supported browsers can also pick colors from outside the browser window. User Guid","og:url":"https:\/\/jim-jin.com\/en\/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-08T00:10:02+00:00","twitter:card":"summary_large_image","twitter:title":"Screen Color Eyedropper - JIM-JIN | Online Tools for Everyday Work","twitter:description":"Pick a Color from Your ScreenA free tool Use the eyedropper to find color codes for your designs. Supported browsers can also pick colors from outside the browser window. 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":"Pick a Color from Your ScreenA free tool Use the eyedropper to find color codes for your designs. Supported browsers can also pick colors from outside the browser window. 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\/en\/\" title=\"Home\">Home<\/a>\n\t\t<\/span><span class=\"aioseo-breadcrumb-separator\">\u00bb<\/span><span class=\"aioseo-breadcrumb\">\n\t\t\tScreen Color Eyedropper\n\t\t<\/span><\/div>","aioseo_breadcrumb_json":[{"label":"Home","link":"https:\/\/jim-jin.com\/en\/"},{"label":"Screen Color Eyedropper","link":"https:\/\/jim-jin.com\/en\/webspoit"}],"_links":{"self":[{"href":"https:\/\/jim-jin.com\/en\/wp-json\/wp\/v2\/pages\/224","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/jim-jin.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/jim-jin.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/jim-jin.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/jim-jin.com\/en\/wp-json\/wp\/v2\/comments?post=224"}],"version-history":[{"count":22,"href":"https:\/\/jim-jin.com\/en\/wp-json\/wp\/v2\/pages\/224\/revisions"}],"predecessor-version":[{"id":1057,"href":"https:\/\/jim-jin.com\/en\/wp-json\/wp\/v2\/pages\/224\/revisions\/1057"}],"wp:attachment":[{"href":"https:\/\/jim-jin.com\/en\/wp-json\/wp\/v2\/media?parent=224"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}