TemplatesLearnPricing
Community
Facebook GroupDiscord Server
Sign Up
Video Tutorials
Weekly Live Sessions
Getting Started
What is Cuttle?Make a free name keychainMake connected textMake laser cut boxes
Laser Cutting Fundamentals
Cutting, Scoring, Engraving - what’s the difference?Using Cuttle with GlowforgeUsing Cuttle with LightBurnUsing Cuttle with xTool StudioUsing Cuttle with WeCreat MakeIt!How to get perfect alignment with eufyMakeHow to use a rotary attachment
Account and Billing
How to cancel your subscriptionHow to switch from monthly to yearly billingHow to update your payment methodHow to download invoice and receipt pdfsLicensing
Troubleshooting
Cuttle System RequirementsAccount TroubleshootingxTool: SVGs are not importing at the correct scale / dimensionsLightBurn: Kerf is incorrectRDWorks: How to import SVG files
Fonts and Text
Adding your own fontsRemoving a font you uploadedHow do I type special characters in Cuttle?Why can’t I see special characters in the font I uploaded?How to offset text for laser cuttingAdding your own icons
Cuttle Editor Basics
Can I use Cuttle to make my own designs?Understanding the Cuttle interfacePen tool and path editingGuidesChanging unitsCopying componentsHow to use Export for Print & Cut
Cuttle Editor Tools & Modifiers
Warped TextText Along PathText Within BoxCustomized repetitionsCreate a grid of hexagons with Tile RepeatWeld and ScoreAuto LayoutSwitcherVisibleRound CornersAttachMaskFlatten
Making Your Own Templates
Make an engraved name templateMake a layered name templateHow to generate a custom filenameHow to add recommended fonts
Cuttle Creators
Join Cuttle CreatorsHow royalties and payments workCuttle Creator responsibilitiesTemplate guidelinesAdditional questionsInformation for new Cuttle CreatorsPublishing Changes to a TemplateSlots Best Practices
Parameters
Getting started with parametersShowing and hiding parametersVector referenceMath reference
Scripting
Getting started with scriptingCode componentsScripting fundamentalsCalling other components and modifiersWorking with paths
Scripting Reference
CuttleContext
CuttleContextProject
CuttleConsoleMath
VecAffineMatrixBoundingBox
Geometry
AxisRayLineSegmentCubicSegmentOverlapSpanOverlapResult
Graphic
AnchorPathCompoundPathGroupColorFillImageImageFillQRCodeSVGSVGRendererStroke
FontFontGlyphFontRendererRichText
RichTextGlyphRichTextSymbol
Random
RandomGenerator
Utilities
ContainmentPathContainment
InterfacesBuilt-in ShapesBuilt-in Modifiers

Color

A color in the RGBA color space.

Constructors

Color(r,g,b,a)→Color
r
number
0
g
number
0
b
number
0
a
number
1
Color.fromHSVA(h,s,v,a)→Color

Constructs a color from HSVA color space components.

h
number

Hue

s
number

Saturation

v
number

Value

a
number

Alpha

Color.fromCSSString(cssString)→Color

Constructs a color from a CSS color string.

Hexadecimal, rba, rgba, and named CSS color keywords are supported.

See https://developer.mozilla.org/en-US/docs/Web/CSS/color_value

cssString
string

A CSS color string

Color.fromRGB8Number(value)→Color

Constructs a color from a bit-packed number in RGB8 format.

value
number

A bit-packed color value in RGB8 format.

Properties

.rnumber

The red component

.gnumber

The green component

.bnumber

The blue component

.anumber

The alpha (or opacity) component

Methods

.clone()→Color

Returns a copy of this color.

.equals(color)→boolean
color
Color

Returns true if this color exactly equals color.

.set(r,g,b,a)→Colorchainable

Sets the RGBA components of this color.

r
number
g
number
b
number
a
number
.mix(c,t)→Colorchainable

Linearly interpolates this color to the color c by the mixing factor t.

c
Color

The color to interpolate to

t
number

The mixing factor

.luminance()→number

Returns the relative luminance of this color for standard human vision.

.toCSSString()→string

Returns a CSS style string for this color.

If fully opaque, this will return a hexadecimal string with a # mark at the beginning.

If transparent, it will return a string in the form rgba(r, g, b, a).

.toCSSHexString()→string

Returns a CSS style string for this color in hexadecimal format with a # mark at the beginning.

The resulting string will represent an opaque RGB color. The alpha component of transparent colors will be ignored.

The returned string will be a valid CSS2 color.

.toCSSRGBAString()→string

Returns a CSS style string for this color in the form rgba(r, g, b, a).

.toRGB8Number()→number

Returns a bit-packed number in RGB8 format, also knows a "hex" color such as 0xffaabb.

.toHSVA()→number[]

Converts this color to the HSVA color space.

Returns an array of [hue, saturation, value, alpha].