Thunkable Docs
Click here to build your own apps!
Drag and Drop docs
Snap to Place docs
Search…
Drag and Drop
👋
Welcome to Thunkable
👶
Getting Started
Signing In
Tutorials
Live Test your App
Your Thunkable Projects Page
🆕
Create New Project
Project Settings
Template Gallery
Assets
Figma Integration
🖼
Thunkable Sample Projects
🛠️ Components and Features
🔘
UI Components
Button
Label
Image
Text Input
List Viewer
Group
Web Viewer
Switch
Slider
Checkbox
Map
Animation by Lottie
Video
Loading Icon
Date Input
Time Input
PDF Reader
Rating
📊
Data Viewers
Data Viewer List
Data Viewer Grid
Data Sources
📐
Screens and Navigators
Top Tab Navigator
Bottom Tab Navigator
Drawer Navigator
Stack Navigator
Screen
💲
Monetization
Ads by AdMob
🎮
Gaming
Canvas
Sprites
Sprite Gallery
Canvas Label
🤖
Gaming Blocks 🎮
Events
Motion
Looks
Direction
Sensing
Add & Remove
Stage
Canvas Label
🤖
Core Blocks
Control
Logic
Math
Text
Lists
Color
Objects
Device
Variables
Functions
🌐
App Features
Gyroscope
Magnetometer
Accelerometer
Location Sensor
Speech
Sound
Share
Camera
Files
Email Sign In by Firebase
Push Notifications by One Signal
Alert
Timer
🚀
Advanced App Features
Web API
In-App Purchase
Bluetooth Low Energy
Assistant by Dialogflow
"Any Component" Blocks
🖥️ App Services & Emulators
🔒
App Data Privacy
➕
Duplicate your Project
📥
Download
📤
Share
📱
Publish
Publish to App Store (iOS)
Publish to Play Store (Android) with AAB
Publish as a Web App (PRO)
Generate Screenshots
🔎
Troubleshooting
💾
Managing Storage
📝
Bugs and Feature Requests
Powered By
GitBook
Color
Select Color
There is a predefined set of colors in the blocks palette
Clicking on this color will bring up a menu:
Set RGB Color
You can use this block to select a color with
RGB values
:
Set RGBA Color
You can use a
Text
block to set a color with
RGBA syntax
:
rgba(r,g,b,a)
Set HSV Color
You can use this block to set a color with
HSV (Hue saturation, value)
:
Set Hex Color
You can use a
Text
block to include a
hex value
for your preferred color:
Blend Colors
You can create a color by blending two together with a selected ratio of color 1 to color 2:
Random Color
This block will return a random color (with an Alpha value of 100%):
Previous
Lists
Next
Objects
Last modified
4mo ago
Export as PDF
Copy link
Contents
Select Color
Set RGB Color
Set RGBA Color
Set HSV Color
Set Hex Color
Blend Colors
Random Color