Chromafy - Chrome Web Store
Item logo image for Chromafy

Chromafy

chromafy.vercel.app
Item media 6 screenshot
Item video thumbnail
Item media 2 screenshot
Item media 3 screenshot
Item media 4 screenshot
Item media 5 screenshot
Item media 6 screenshot
Item video thumbnail
Item video thumbnail
Item media 2 screenshot
Item media 3 screenshot
Item media 4 screenshot
Item media 5 screenshot
Item media 6 screenshot

Overview

Apply generated color palettes straight to your website!

Easiest way to test colors straight into your own website! Say goodbye to the hassle of trying out different colors one by one. Browse through, generate and customize color palettes while applying them to any website simultaneously, all with just a few tweaks in the code. Chromafy helps users apply color palettes to any website. User can generate different color palettes, customize them, export them as css code or download as a file, and go to previously selected palettes. These palettes are then applied to the website in the background when the extension is launched. The user has to give certain class names to html elements or use css variables and the appropriate colors will be given to those elements. It can be helpful for users who want to select the best colors for their website on their own website as a playground. Example showing use of class names to apply color palettes: class = "bg-chroma-secondary-25" Applies the secondary color from your palette with 25% opacity to the background (CSS background-color property) of an element. class = "fg-chroma-primary" Applies the primary color from your palette to the foreground text (CSS color property) of an element. CSS variables can be used similarly, it does not require specifiying "bg" or "fg": <css-selector>{ background-color: var(--chroma-primary-75, #fff); } refer to the documentation here to understand everything related to Chromafy: https://chromafy.vercel.app/docs/setup Updates: • Version 1.2 - reduced extension size by 90% • Version 1.1 - rearranged buttons, updated icons - added information card

0 out of 5No ratings

Google doesn't verify reviews. Learn more about results and reviews.

Details

  • Version
    1.2.1
  • Updated
    June 27, 2024
  • Size
    837KiB
  • Languages
    English
  • Developer
    Website
    Email
    hello.prajwal247@gmail.com
  • Non-trader
    This developer has not identified itself as a trader. For consumers in the European Union, please note that consumer rights do not apply to contracts between you and this developer.

Privacy

Chromafy has disclosed the following information regarding the collection and usage of your data. More detailed information can be found in the developer's privacy policy.

Chromafy handles the following:

User activity
Website content

This developer declares that your data is

  • Not being sold to third parties, outside of the approved use cases
  • Not being used or transferred for purposes that are unrelated to the item's core functionality
  • Not being used or transferred to determine creditworthiness or for lending purposes

Support

For help with questions, suggestions, or problems, visit the developer's support site

Related

Heurio - One-Click Bug Report & UX Check Tool

4.7(77)

Fastest website review, bug report and heuristic evaluation tool for designers and devs.

Competitive Companion

4.7(74)

Parses competitive programming problems and sends them to various tools like CP Editor and CPH.

CSS Dig

2.9(51)

Collect and analyze CSS.

smudge.ai

4.3(6)

Add AI-powered commands to your browser’s right-click menu.

Screen Ruler: Measure The Web

5.0(9)

Measure sizes, distances, margins and paddings of any element on any web page.

Web Developer Checklist

4.2(52)

Analyses any web page for violations of best practices

Palettab

4.2(224)

Bringing awesome colors and fonts to the new tab page! A little bit of something fresh every time you hit that new tab button.

Web to Figma

4.3(6)

Web to Figma extension to capture pages and components and import them into Figma as editable designs. No more screenshots.

Unstack Style Guide

4.5(20)

Generate a brand style guide for any website instantly

Designer Daily Report

4.8(383)

Everything about design in just 5 minutes.

blurrit

5.0(3)

A web extension to make your WhatsApp safe and to make you feel safer.

Rayst - Reveal the web

4.6(20)

Rayst reveals the company, statistics and technologies of the web for you.

Heurio - One-Click Bug Report & UX Check Tool

4.7(77)

Fastest website review, bug report and heuristic evaluation tool for designers and devs.

Competitive Companion

4.7(74)

Parses competitive programming problems and sends them to various tools like CP Editor and CPH.

CSS Dig

2.9(51)

Collect and analyze CSS.

smudge.ai

4.3(6)

Add AI-powered commands to your browser’s right-click menu.

Screen Ruler: Measure The Web

5.0(9)

Measure sizes, distances, margins and paddings of any element on any web page.

Web Developer Checklist

4.2(52)

Analyses any web page for violations of best practices

Palettab

4.2(224)

Bringing awesome colors and fonts to the new tab page! A little bit of something fresh every time you hit that new tab button.

Web to Figma

4.3(6)

Web to Figma extension to capture pages and components and import them into Figma as editable designs. No more screenshots.

Google apps