Create a wheel of names and let chance decide

On this page you will find a pre-made wheel of names. You can add names freely and the wheel becomes a great generator of random names that you can use for anything you want, from contests, naming events, or just for fun. You can easily customize the wheel to your liking and simply add or remove names in bulk or individually.

We’ll take a look at the settings and exactly how to use the wheel below.

A small note: To make sure there isn’t too much information in the settings, the preset names include the 100 most popular male and 100 female names. You always have the option to add any name you want, so if you’re missing any, you can always do that in the wheel settings.

How to use the wheel of names

Basically, you just need to add elements to the wheel and spin. Spin by clicking on the button on the wheel (or use the shortcut Ctrl + Enter, or ⌘ + Enter), and wait for the result of the spin. You can also use the Ctrl + Enter or ⌘ + Enter shortcut to stop the wheel immediately and see the result.

The wheel spins completely randomly and will therefore generate a completely random result when used. It’s really easy to use.

First, let’s look at the basic settings that are required to use the wheel. Then we’ll go over other settings that tend to modify the look or other features of the wheel, such as font size, colors, spin speeds, but also how to save your settings so you always have it handy.

Basic settings for normal use

How to add items to the wheel and spin for a random result

This wheel will probably require a bit of setup, as it’s likely impossible to come up with any configuration that will really suit everyone.

To edit the names in the wheel, you’ll need to use the tabs that you’ll find to the right of the wheel or below it, depending on the size of your screen:

In this section, you will find the option to add all names in bulk, or just all male or female names.

Clicking on the “All names” button will add or remove all names. Names are added first if any are missing. If all are added, clicking again removes all. So to remove, sometimes you need to click the button twice.

You will also find buttons for male and female names. By clicking on the button, all names are added to the wheel (i.e., 100 male or 100 female) and the button is colored. Clicking again removes all names from the category.

Selecting individual names

Below, you will find tabs for male and female names. Click on a tab to open the option to add/remove individual names.

Right at the top of each tab, you can sort the names alphabetically or by popularity. By default, the names are sorted by popularity, i.e., by the number of users in the country. Click the button to sort them alphabetically if that makes the list more convenient for you.

You can filter by name a little further down. You don’t have to worry about upper and lower case letters, but you do need to follow the diacritics, i.e., the accents and special characters. Just type something and only the names that match your search will remain in the box below.

Just click the button to the left of the name to remove it from the selection and the wheel. Click again to add it:

So if you want to remove some specific ones, it’s best to add them all with the big button and then remove the ones you don’t want.

Conversely, if you only want a few specific ones in the wheel, use the big button to remove all of them, and just click individually on the ones you want in the wheel.

Inserting custom names into the wheel

If you want to add your own names to the wheel, use the fields below:

Insert a male or female name. This will then follow any colors you may have set and will also appear in the list of male and female names, which you can then click or un-click as you wish. In order of popularity, this name will always be last, and in alphabetical order, it will be correctly listed.

Deleting or moving items in the wheel

Below, you can see the names currently added to the Wheel of Fortune:

On the right, you will find the control buttons. A red X will delete the item, which will also be reflected by clicking the names in the fields above. To add them back, you need to click on this name again.

The up and down arrows replace them with the items above/below.

You can also drag and drop to change the order. That is, grab an item with the left mouse button and move it anywhere in the array of items. It works the same way on touch screens, where you first hold long on an item and then drag it with your finger.

This can come in handy if you want to change the order or perhaps the colors.

Below the field, you will find buttons to shuffle the order, clear everything, or restore the original data in the wheel, so the wheel will be restored to the original state as when the page was first loaded.

Custom colors for men and women

In order to use custom colors, you need to have the “Use custom colors” button checked. When the page loads, this button is checked so you don’t have to worry about anything:

Under this button, you can then choose your own color for male and female names.

If you uncheck the button, the wheel will display a standard palette that does not differentiate the names by color, which you can edit in other settings on the wheel.

So you can either use different colors for men and women, or a universal palette for all names on the wheel.

Other settings to change the colors and other properties of the wheel

These settings aren’t that important, but you can easily use them to customize your wheel. These include font size, color palette, spin time, and other little things.

You’ll find the settings by screen size directly below the wheel, and on smaller screens below the elements box.

Click to open the settings.

Depending on the screen size, you will find the main settings sections on the left or at the top.

Click on a section to open it and then you can modify everything on the wheel in real time.

Change the color of the wheel – preset and custom palettes

In the preset wheels section, you can choose different palettes depending on the theme. If you would like to add a preset, feel free to get in touch, we will add the palette without any problems 😊

If you want to select a palette directly on the wheel, just click on it and the colors on the wheel will update immediately.

In the second section, you have the option to create your own color palettes. You can either create your own palette from scratch or edit a pre-made one.

You can insert a pre-made palette into your own palettes by clicking the button below the palette:

The button with the last inserted palette will remain purple to keep you in the loop.

Then go to the Custom Wheel Colors section, which will also be marked with a red dot to let you know to search here. The selected palette will be copied right here where you can edit it to your liking.

Just click on the palette to select your own palette and apply the colors to the wheel. Depending on the size of your screen, you will find it pinned to the left or at the bottom of the custom palette section.

In this section, you need to insert the colors in a format that the browser will understand, i.e. the kind of format you would insert as CSS. Don’t worry, it’s not a big deal.

Basically, you have the option to insert pre-made color names (you can find them under the link above), hex code, or RGB.

You can also easily select a color from the picker below the field:

Simply click on the picker and choose your color. This is a built-in feature of your browser, so it may look a little different depending on your device.

Similar to inserting items into the wheel, you can also bulk insert colors, meaning one color per row.

You can then find all the inserted colors below, which you can edit in exactly the same way as for the item box, i.e., delete colors or change their order by clicking or dragging the mouse.

Wheel spin time and slow spin speed

In the next section of the menu, you can set how long the wheel will spin after you spin it. If you set it to 0, the wheel won’t even spin and will just show a random result.

Just enter the number of seconds in the box, which then corresponds to the time between pressing the button to spin the wheel and the result being displayed. You can also add a decimal point.

If you want to change the function of the wheel a bit and select the results yourself, you can set, for example, 300 seconds and then stop the wheel with the stop button, which also evaluates the result immediately.

Further down you’ll find a slider for a slow spinning wheel that will start when you make adjustments to the wheel or even when the page loads. This is just a little extra feature that doesn’t really change the operation at all, but just keeps the wheel from stopping completely 😊

If you want to stop the slow spin, just slide the slider all the way to the left. You can accelerate it by sliding it to the right.

Color and font size in the wheel

The size of the font in the wheel is calculated automatically according to the number of items inserted. So in theory, you don’t need to do anything and the font size should match (the font has some fixed minimum, so if you insert a thousand items, the font probably won’t be ideal, but for most uses, the automatic calculation is sufficient).

Changing the font size

If you want to change the font size to your own, you can do it in this section:

First, you need to click the button that says you want to force the font size. If you click it, it will automatically resize in real time according to your settings. You can find this a little further down where you can move the slider or set the size in pixels.

If you want to start the automatic calculation again, just click the button and the wheel will revert to the previous font size.

Change the font color

In this section, you can also change the font color. The font color changes automatically to black or white depending on the contrast of the background, which can be seen clearly in the picture with a large range of colors on the wheel:

Without this feature, the different palettes would look rather ugly, and some fonts would simply be unreadable.

However, you can also change the font color yourself if it doesn’t suit you, to any color you like.

First, you need to click the button to force your own font color:

Just below, set the font color again via CSS color format or from the picker. The font color is instantly adjusted directly on the wheel.

Adjusting the color and size of the center wheel

The center wheel is essentially a pure design element and has no effect on the function of the wheel. However, you still have the option of adjusting its color, size or width, and the color of its outline to really make the wheel your own.

In the settings, just move the sliders to make the wheel and outline bigger/smaller, and as in the other settings, select the color.

Save to browser and import/export

In the settings, you will also find the option to save the current settings and items in the wheel, which will then be loaded when the page is reloaded.

How to save wheel settings to your browser

Click the save button and the settings are saved directly to your browser, so you don’t upload them anywhere and we don’t have access to them.

When you reload the page, the settings will remain and you can continue. This is handy when you customize the wheel and the items in it directly to your liking and don’t want to set it up again.

Note that the settings are only saved for the wheel on the page you are on. Because there are different settings for different types of wheels and different ways of adding items, you cannot transfer these settings to another wheel.

How to delete wheel settings

The next button, on the other hand, deletes the save from your browser. To return the wheel to its original state, just reload the page.

Deleting the settings only applies to that wheel. Deleting the settings of a given wheel will not delete any other settings from other wheels.

Importing and exporting settings

If you want to transfer items and wheel settings to another device or browser, or if you want to have several different presets without having to set and copy everything all the time, you can use the import and export function.

First, export the settings, which will be downloaded to a file. Save this file somewhere.

To import/transfer to another device/browser, then select this file a bit further down by clicking the button and import the settings.

Note that this import will only rebuild the wheel according to the settings in the file, but will not save it in any other way. If you wish to save these settings to the browser, you still need to save everything with the save to browser button.