{"id":21,"date":"2026-10-21T20:22:14","date_gmt":"2026-10-21T11:22:14","guid":{"rendered":"https:\/\/garakutabox.jp\/apps\/?page_id=21"},"modified":"2026-10-21T21:46:02","modified_gmt":"2026-10-21T12:46:02","slug":"colorcontrastchecker-support-%e3%82%b5%e3%83%9d%e3%83%bc%e3%83%88","status":"publish","type":"page","link":"https:\/\/garakutabox.jp\/apps\/?page_id=21","title":{"rendered":"ColorContrastChecker Support \/ \u30b5\u30dd\u30fc\u30c8"},"content":{"rendered":"

RGB and HEX<\/h2>\n

Adjust the foreground and background RGB sliders to see the contrast ratio and WCAG 2.2 text contrast results immediately. Tap either existing RGB\/HEX color panel to edit its six-digit HEX value or choose Copy HEX. Apply confirms the edit.<\/p>\n

Images and screenshots<\/h2>\n

Use the photo icon to choose an image. Select foreground then background by tapping. Pinch to zoom, drag to pan, or hold for the original-pixel magnifier. Apply transfers the two colors to the main screen; Cancel preserves the original colors. Transparent pixels are composited on white and samples are converted to sRGB.<\/p>\n

Nearby candidates<\/h2>\n

The wand icon offers nearby foreground candidates for normal-text AA or AAA when needed, keeping the background fixed. Preview before applying; use the undo arrow to restore the prior foreground. A target may be unreachable for a given background.<\/p>\n

About the results<\/h2>\n

The results measure only two colors and do not certify a whole image or website. Font size and content are not assessed. All color operations work offline; downloading iCloud images and loading ads require a connection.<\/p>\n

\u65e5\u672c\u8a9e<\/h2>\n

\u524d\u666f\u30fb\u80cc\u666f\u306eRGB\u30b9\u30e9\u30a4\u30c0\u30fc\u3067\u30b3\u30f3\u30c8\u30e9\u30b9\u30c8\u6bd4\u3068WCAG 2.2\u306e\u901a\u5e38\u6587\u5b57\u30fb\u5927\u304d\u306a\u6587\u5b57\u306eAA\/AAA\u5224\u5b9a\u3092\u5373\u6642\u78ba\u8a8d\u3067\u304d\u307e\u3059\u3002\u65e2\u5b58\u306eRGB\u30fbHEX\u8272\u8868\u793a\u3092\u30bf\u30c3\u30d7\u3059\u308b\u3068\u30016\u6841HEX\u306e\u7de8\u96c6\u3068\u300cCopy HEX\u300d\u306b\u3088\u308b\u30b3\u30d4\u30fc\u304c\u3067\u304d\u307e\u3059\u3002\u300cApply\u300d\u3067\u7de8\u96c6\u3092\u78ba\u5b9a\u3057\u307e\u3059\u3002<\/p>\n

\u5199\u771f\u30a2\u30a4\u30b3\u30f3\u304b\u3089\u753b\u50cf\u3092\u9078\u3073\u3001\u524d\u666f\u2192\u80cc\u666f\u306e\u9806\u306b\u30bf\u30c3\u30d7\u3057\u307e\u3059\u3002\u30d4\u30f3\u30c1\u3067\u62e1\u5927\u3001\u30c9\u30e9\u30c3\u30b0\u3067\u79fb\u52d5\u3001\u9577\u62bc\u3057\u3067\u5143\u30d4\u30af\u30bb\u30eb\u306e\u62e1\u5927\u93e1\u3092\u8868\u793a\u3067\u304d\u307e\u3059\u3002\u300cApply\u300d\u3067\u53cd\u6620\u3057\u3001\u300cCancel\u300d\u306a\u3089\u5143\u306e\u8272\u3092\u4fdd\u6301\u3057\u307e\u3059\u3002\u900f\u660e\u90e8\u5206\u306f\u767d\u306b\u5408\u6210\u3057\u3001sRGB\u3078\u5909\u63db\u3057\u307e\u3059\u3002<\/p>\n

\u6756\u306e\u30a2\u30a4\u30b3\u30f3\u304b\u3089\u80cc\u666f\u3092\u56fa\u5b9a\u3057\u305f\u524d\u666f\u306e\u8fd1\u4f3c\u8272\u5019\u88dc\u3092\u8868\u793a\u3057\u3001\u9069\u7528\u5f8c\u306f\u623b\u3059\u77e2\u5370\u3067\u5143\u306b\u623b\u305b\u307e\u3059\u3002\u80cc\u666f\u306b\u3088\u3063\u3066\u306f\u76ee\u6a19\u3092\u6e80\u305f\u3059\u5019\u88dc\u304c\u3042\u308a\u307e\u305b\u3093\u3002<\/p>\n

\u5224\u5b9a\u5bfe\u8c61\u306f2\u8272\u3060\u3051\u3067\u3001\u753b\u50cf\u3084Web\u30b5\u30a4\u30c8\u5168\u4f53\u306e\u9069\u5408\u3092\u4fdd\u8a3c\u3057\u307e\u305b\u3093\u3002\u6587\u5b57\u30b5\u30a4\u30ba\u3084\u5185\u5bb9\u306f\u8a55\u4fa1\u3057\u307e\u305b\u3093\u3002\u8272\u306e\u8a08\u7b97\u306f\u30aa\u30d5\u30e9\u30a4\u30f3\u3067\u5229\u7528\u53ef\u80fd\u3067\u3059\u3002iCloud\u753b\u50cf\u306e\u53d6\u5f97\u3084\u5e83\u544a\u306e\u8aad\u307f\u8fbc\u307f\u306b\u306f\u901a\u4fe1\u304c\u5fc5\u8981\u3067\u3059\u3002<\/p>\n

Contact \/ \u304a\u554f\u3044\u5408\u308f\u305b: dev@cyberfox.jp<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"

RGB and HEX Adjust the foreground and background RGB sliders to see the contrast ratio and WCAG 2.2 text contr […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-21","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/garakutabox.jp\/apps\/index.php?rest_route=\/wp\/v2\/pages\/21","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/garakutabox.jp\/apps\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/garakutabox.jp\/apps\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/garakutabox.jp\/apps\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/garakutabox.jp\/apps\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=21"}],"version-history":[{"count":2,"href":"https:\/\/garakutabox.jp\/apps\/index.php?rest_route=\/wp\/v2\/pages\/21\/revisions"}],"predecessor-version":[{"id":23,"href":"https:\/\/garakutabox.jp\/apps\/index.php?rest_route=\/wp\/v2\/pages\/21\/revisions\/23"}],"wp:attachment":[{"href":"https:\/\/garakutabox.jp\/apps\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=21"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}