色見本
マウスカーソルを合わせると背景色を一時的に変更する。
色を変えた時にカラーコードをクリップボードにコピーする。
#22fa1a
データ
赤
34
緑
250
青
26
色相
118°
白
10%
黒
2%
彩度
96%
明度
54%
輝度
63%
色調 = 強い
色相 = 118°
3桁
#3f3
#3f2
#3f1
#3e3
#3e2
#3e1
#3d3
#3d2
#3d1
#2f3
#2f2
#2f1
#2e3
#2e2
#2e1
#2d3
#2d2
#2d1
#1f3
#1f2
#1f1
#1e3
#1e2
#1e1
#1d3
#1d2
#1d1
名前付き
lime
limegreen
lawngreen
chartreuse
springgreen
forestgreen
mediumseagreen
seagreen
green
yellowgreen
olivedrab
mediumspringgreen
色の調和
類似色 ±30°
類似色 ±30°
±60°
±60°
四角 ±90°
四角 ±90°
トライアド ±120°
トライアド ±120°
補色の分割
補色の分割
補色
反転色
白 × 黒
色相 × 彩度
色相 × 明度
色相 彩度 明度 白 黒
色相
-105 : 13
-90 : 28
-75 : 43
-60 : 58
-45 : 73
-30 : 88
-15 : 103
-10 : 108
-5 : 113
-2 : 116
±0 : 118
+2 : 120
+5 : 123
+10 : 128
+15 : 133
+30 : 148
+45 : 163
+60 : 178
+75 : 193
+90 : 208
+105 : 223
+120 : 238
+135 : 253
+150 : 268
+165 : 283
+180 : 298
+195 : 313
+210 : 328
+225 : 343
+240 : 358
彩度
+4 : 100
+3 : 99
+2 : 98
±0 : 96
-2 : 94
-3 : 93
-4 : 92
-8 : 88
-12 : 84
-16 : 80
-20 : 76
-24 : 72
-28 : 68
-32 : 64
-36 : 60
-40 : 56
-44 : 52
-46 : 50
-48 : 48
-52 : 44
-56 : 40
-60 : 36
-64 : 32
-68 : 28
-72 : 24
-76 : 20
-80 : 16
-84 : 12
-88 : 8
-92 : 4
-96 : 0
明度
+46 : 100
+42 : 96
+38 : 92
+34 : 88
+30 : 84
+26 : 80
+22 : 76
+18 : 72
+14 : 68
+10 : 64
+6 : 60
+3 : 57
+2 : 56
±0 : 54
-2 : 52
-3 : 51
-4 : 50
-6 : 48
-10 : 44
-14 : 40
-18 : 36
-22 : 32
-26 : 28
-30 : 24
-34 : 20
-38 : 16
-42 : 12
-46 : 8
-50 : 4
-54 : 0
白
-10 : 0
-6 : 4
-3 : 7
-2 : 8
±0 : 10
+2 : 12
+3 : 13
+6 : 16
+10 : 20
+14 : 24
+18 : 28
+22 : 32
+26 : 36
+30 : 40
+34 : 44
+38 : 48
+40 : 50
+42 : 52
+46 : 56
+50 : 60
+54 : 64
+58 : 68
+62 : 72
+66 : 76
+70 : 80
+74 : 84
+78 : 88
+82 : 92
+86 : 96
+90 : 100
黒
-2 : 0
±0 : 2
+2 : 4
+3 : 5
+6 : 8
+10 : 12
+14 : 16
+18 : 20
+22 : 24
+26 : 28
+30 : 32
+34 : 36
+38 : 40
+42 : 44
+46 : 48
+48 : 50
+50 : 52
+54 : 56
+58 : 60
+62 : 64
+66 : 68
+70 : 72
+74 : 76
+78 : 80
+82 : 84
+86 : 88
+90 : 92
+94 : 96
+98 : 100
赤
+221 : 255
+204 : 238
+187 : 221
+170 : 204
+153 : 187
+136 : 170
+119 : 153
+102 : 136
+85 : 119
+68 : 102
+51 : 85
+34 : 68
+17 : 51
+8 : 42
+4 : 38
+2 : 36
+1 : 35
±0 : 34
-1 : 33
-2 : 32
-4 : 30
-8 : 26
-17 : 17
-34 : 0
緑
+5 : 255
+4 : 254
+2 : 252
+1 : 251
±0 : 250
-1 : 249
-2 : 248
-4 : 246
-8 : 242
-12 : 238
-29 : 221
-46 : 204
-63 : 187
-80 : 170
-97 : 153
-114 : 136
-131 : 119
-148 : 102
-165 : 85
-182 : 68
-199 : 51
-216 : 34
-233 : 17
-250 : 0
青
+229 : 255
+212 : 238
+195 : 221
+178 : 204
+161 : 187
+144 : 170
+127 : 153
+110 : 136
+93 : 119
+76 : 102
+59 : 85
+42 : 68
+25 : 51
+8 : 34
+4 : 30
+2 : 28
+1 : 27
±0 : 26
-1 : 25
-2 : 24
-4 : 22
-8 : 18
-9 : 17
-26 : 0
パレット
#fff
#eee
#ddd
#ccc
#bbb
#aaa
#999
#888
gray
#777
#666
#555
#444
#333
#222
#111
#000