color-tools-for-designers-2019

Designers are increasingly taking risks and using single bold colors to communicate their web design. No matter what color you need to work with to create a good color scheme, there are best practice examples all over the web.

Moreover, when informed by color psychology, designers can make the best decisions for their color schemes that deliver emotional impact.

PROMOTED

16. Site Palette

A browser extension to generate comprehensive palettes. A must-have tool for designers and frontend developers. Free colour scheme extraction

17. BrandColors

The biggest collection of official brand color codes around. Includes hex colors codes for 500 brands including Facebook, Twitter, Instagram, and many more.

18. Colorwise

Search through the most voted products on Product Hunt

19. HTML Color Codes

Easily find HTML color codes for your website using our color picker, color chart and HTML color names with Hex color codes, RGB and HSL values.

20. ColorBox

Colorbox is a color tool to produce color sets.

21. Generate — Coolors.co

Create, save and share beautiful palettes in seconds!

22. Color — Cloudflare Design

A color palette tool for interface design

23. Instant Duotone Effect Generator

Create beautiful duotone effects instantly in your browser for. Upload your own image or use one of ours: dozens of perfect duotone pairings included.

24. Color Tool — Material Design

Create and share color palettes for your UI, and measure the accessibility of any color combination.

25. Blendy

Blendy is a tool to preview CSS Background blend modes quickly. You can play around with blend modes, colors, gradients and try them on your images.

26. LOL Colors

Curated color palette inspiration

27. Color Hunt

Color Hunt is a free and open platform for color inspiration with thousands of trendy hand-picked color palettes

28. ColorMe

Visualize The CSS Color Function.

29. Polarite

Polarite is a machine learning assisted decision making app for generating harmonious color schemes.

30. Gradient Hunt

Thousands of trendy color gradients in a curated collection that is updated daily. Get a fresh color gradient for your next design project and save all the gradients you like.

.

.

31. Palettable

Generate beautiful color palettes using the knowledge of millions of designers.

32. ColorSpark

A simple and effective tool that generates random colors and gradients to help designers put together unique and striking color palettes.

33. SVG Colorizer

SVG Colorizer, colorize SVG icons and SVG vectors automatically

34. Sip

Sip Color Picker for Mac. A better way to collect organize and Share colors.

35. CoolHue 2.0

Get free sketch gradient colors plugin and gradient collection palette.

36. Color Koala

Color Koala is a quick palette generator, creating gorgeous colors for all of your side projects.

37. SchemeColor

SchemeColor.com is a top-rated website to download, create and share thousands of beautiful color combinations. Get detailed information on hexadecimal colors codes and convert them to RGB and CMYK equivalents.

38. Free Mesh Gradient Collection

100 mesh gradients in .sketch, .png, .ai, .jpg, .eps

39. WebGradients

Come to WebGradients.com for 180 beautiful linear gradients in CSS3, Photoshop and Sketch. This collection is curated by top designers and totally free.

40. Gradient Buttons

Beautiful Gradient Buttons with Hover Effect

41. ColorKit

ColorKit blends colors and generates a color’s shades and tints.

42. Eggradients

Ready to use gradient background colors. ✓ Cool Gradients are prepared according to the latest design trends. And it is served in the form of eggs. ✓ With hex and CSS codes.

43. Cool Backgrounds

Explore a beautifully curated selection of cool backgrounds that you can add to blogs, websites, or as desktop and phone wallpapers.

44. Google Art & Culture Experiment — Art Palette

Art Palette is part of Arts & Culture experiments, which explore innovative ways for users to interact with art collections. With Art Palette, you can search for artworks that match a color combination of your choice.

45. GradPad

CSS gradient generator, create lovely CSS color gradients for web designs in the browser

.

PROMOTED

46. Khroma

Khroma is the fastest way to generate, discover, search, and save color combos and palettes you’ll want to use.

47. Color palettes

Browse thousands of color combinations on Canva and create your own designs without hiring a designer. It’s free!

48. Color Safe

Color Safe is a tool to explore beautiful, accessible color palettes for your website based on Web Content Accessibility Guidelines (WCAG).

49. Paletton

Use the color wheel to create great color palettes.

50. Colordot

Simple color picker everyone

51. Colors

Colors is a 100% data driven collection of color palettes.

52. Contrast Ratio

Easily calculate color contrast ratios. Passing WCAG was never this easy!

53. Color Lisa

Color palette masterpieces of the world’s greatest artists.

54. Color Designer

The main purpose of this tool is to help with building a color palette and generate tints and shades based on it. Just pick a color, and the app does the rest. You can use the preselected colors or the color picker for more control.

55. Color.review

A modern tool for exploring and finding accessible colors. Make sure that everyone can see your creations.

56. Blend

Blend — Create and customize beautiful CSS3 gradients.

57. Contrast

A macOS app for quick access to WCAG color contrast ratios

58. Grabient

Beautiful and simple UI for generating web gradients.

10-best-tools-&-apps-for-wordpress-freelancers

Something I see a lot with the WordPress consultants I coach, as well as something I experienced in the early days of my own agency, is that the wrong tool can do a lot of damage to the foundation of a business.

You might be thinking:

“Who has the time to research the best tools and apps though? I just need something that works for now.”

But there’s a trade-off. If you don’t create a stable foundation for your business with the right set of tools now, it will cost you much more time and money to replace them and repair your business down the road.

So, rather than waste what little time you have recreating the wheel, I’ve gathered up the 10 best tools and apps for WordPress freelancers. If you want more time to focus on what’s important (like building websites and making money), you need to start here.

10 Best Tools & Apps for WordPress Freelancers

This is something that comes up a lot in our private Facebook group. People want to know which WordPress page builder plugin is best. Or how to keep track of their income. Or whether they should be tracking time on jobs.

And they’re right to be looking for the best tools and apps. They’re the key to creating a solid foundation for business — something both you and your clients both need to succeed.

These are your essentials:

1. WordPress Themes: Astra and GeneratePress (Freemium)

Although you may be inclined to build WordPress websites with different WordPress themes, you’d be doing yourself and your clients a great disservice by doing so.

That’s because every WordPress theme has its own nuances: customisation options, theme variations, flexibility in design and development, and so on.

While that variation may seem like a good thing because it means more versatility in what you build, it doesn’t actually work that way. Because the more WordPress themes you have to memorise the layout and functionality of, the more time you spend readjusting to the given theme’s workflow every time you start a new project.

That’s why you need to commit to one or two themes.

The ones I’ve found WordPress freelancers have the most success with are Astra:

Astra - one of the best tools & apps for WordPress freelancers

And GeneratePress:

GeneratePress

Both are lightweight, responsive and highly customisable. They also work really well with the WordPress page builder plugins I’m about to talk about.

2. Page Builder Plugins: Elementor and Beaver Builder (Freemium)

While the WordPress editor may suffice for blogging, it’s really not ideal for building the pages of your website. And while you can leverage the beautifully made templates provided by WordPress themes, page builder plugins allow you to have much more control over the design and code.

There are a number of page builder plugins you’re going to run into. However, if you’re trying to use the best plugins to start, then there are two I strongly recommend. Choose one.

If you’re a web designer, consultant or other WordPress professional, Elementor will fit nicely into your workflow:

Elementor


In fact, it’s the theme that WP Elevation used to design this website. It’s also the plugin I use in most of my WordPress tutorials.

Beaver Builder, on the other hand, is going to be best for web developers that want more control over the code and functionality of their pages:

Beaver Builder

The debate between Beaver Builder and Elementor is a common one and for good reason. They’ve both been on the market for years and are well-loved by the WordPress community. If you have to start somewhere, they’re going to be your best picks.

3. Asana (Freemium)

It’s not just WordPress tools that are going to be crucial to the success of your business. You’re going to need various business management tools and apps to get everything else in line, too. Starting with a task management system.

When you’re first starting out, Asana is going to be your best friend.

Asana

Not only can you track and organise all of your clients and projects in this tool, but you can create templates so you don’t have to spend so much time on tedious tasks (like setting up projects or onboarding clients).

Then, if you decide to grow your business and build a team, you can upgrade Asana so you and your team can collaborate more efficiently within the same workspace.

4. Toggl (Free)

One of the tricky things about managing your time when you’re a freelancer is knowing exactly how much of it you need to get stuff done.

If you’ve been building websites for a while, you might have a good idea of how long it takes to get them out the door. But you’re going to have to be more precise than that. How long do your client kickoff calls? How about your content gathering and research phases? And how about QA?

If you’re not scheduling enough time for yourself in Asana, you’ll either end up working extra-long days to get it done (and risk burnout) or you’re going to miss deadlines (and upset your client). Neither situation is ideal.

To keep yourself sane and your clients happy, put Toggl to work for you.

Toggl

This time-tracking tool lets you capture how long you spend on whole projects as well as specific tasks. And not only will this help you better budget your time, but it’ll help you price your services more effectively, too.

The Secret to Making More Money with WordPress Is…

Toggl is just one piece of the pricing puzzle. If you want to charge better rates and make a greater profit, sign up for this free webinar.

5. Evernote (Freemium)

Take a look around your desk. Do you have sticky notes and notepads covered in details and reminders from client meetings? Now, take a look at your digital workspace. Does it have a similar vibe?

You can’t afford to leave your notes scattered around. You need to capture your ideas more effectively. With Evernote, you’ll not only be able to take down all of your notes in one place, but you can better organise your thoughts there, too.

Evernote

Even better, it works on all devices, so you no longer have to manually take notes anymore. You can dictate them by voice, link websites or save screenshots for reference and inspiration.

6. Call Recorder Lite App (Free)

Another way to avoid the burden of having to take notes by hand is to record your calls and meetings with clients.

A great tool that does that is Call Recorder Lite. It’s an app you install on your iPhone to record, export and save your calls.

Call Recorder Lite

That way, you won’t have to worry about missing any pertinent details from your client meetings later on. Even better, it will free your focus from the page, so you can pay closer attention to what your client is saying and really be engaged in the conversation.

7. LastPass (Free)

On average, how many tools and WordPress websites do you think you log into every day? That number will only grow as your business does. So, how do you keep track of your username and password for each application?

To ensure that you always use a strong username/password combination, you’re going to need a password manager like LastPass to help you out.

LastPass

In addition to storing your login credentials there, you can use LastPass to create super-secure passwords for new tools. You can even share your credentials with others through this app, which will come in handy when you hire an assistant.

8. Accounting Software: Xero and QuickBooks (Premium)

Financial security is the dream for every freelancer. But it’s not something that will happen if you don’t know your numbers.

I get it. You know money is going out of your business, but you worry that you don’t have enough coming in. However, those numbers are the only way to confirm it, so you need to pay attention.

With accounting software, the responsibility of tracking your cash flow doesn’t ride on your shoulders. You can automate that piece and then spend your time focused on bringing in new business and charging rates that will bring your profits up.

Two of the best accounting software tools for freelancers are QuickBooks:

QuickBooks

And Xero:

Xero

Both of these tools grow alongside your business, too. So, if you only want to start with self-employed tools like budgeting and tax management, you can do that. Then, when you’re ready, you can upgrade the tools, so they do more for you — like manage invoices.

9. Spotify (Free)

This early in the game, you can’t afford to let distractions or stress slow you down. If you let them work their way into your workflow now, it’ll be hard to fight them off later.

That’s why I always recommend that freelancers find a Spotify playlist that keeps them calm and focused. The one I’m most fond of is called Jazz Vibes.

Spotify Jazz Vibes

Even if you’re not into jazz, that’s cool. Video game soundtracks, for example, are good for helping people focus, too. So, play around with it and find the genre or playlist that works best for you.

10. Runkeeper (Free)

It won’t take long before you realise just how hard it can be to maintain your health and wellness when you’re busy running a business or scrambling to get clients.

This is another one of those things you need to create good habits around early on. If you don’t, you’ll soon find that your lack of physical activity causes you to feel sluggish and unmotivated during the workday. That’s a major problem for freelancers whose sole source of income comes from the time they’re able to commit to building websites.

To keep yourself motivated and accountable to your health, I’d recommend you find the right health and fitness app. For me, it’s Runkeeper.

Runkeeper

With it, I keep tabs on how much walking or running I do each day while monitoring progress against my goals.

Wrap-Up

There you have it. The 10 best tools and apps you’re going to need to make your life a lot easier as a WordPress freelancer. This is just the start though. Once you start to pick up steam in your business, there’s more to be done to turn your business into a lean profit-generating machine.

In Parts 2 and 3 of this Best Tools & Apps series, I’ll share the resources you’ll need to take your business to new heights. So, stay tuned!

Oh, and if you want to see what other tools our WordPress community is talking about or have questions about ones not included on this list, join our Digital Mavericks Facebook group. As you can imagine, it’s a hot topic around these parts.