色見本
マウスカーソルを合わせると背景色を一時的に変更する。
色を変えた時にカラーコードをクリップボードにコピーする。
#06a922
データ
赤
6
緑
169
青
34
色相
130°
白
2%
黒
34%
彩度
93%
明度
34%
輝度
41%
色調 = 深い
色相 = 130°
3桁
#2b3
#2b2
#2b1
#2a3
#2a2
#2a1
#293
#292
#291
#1b3
#1b2
#1b1
#1a3
#1a2
#1a1
#193
#192
#191
#0b3
#0b2
#0b1
#0a3
#0a2
#0a1
#093
#092
#091
名前付き
forestgreen
green
limegreen
seagreen
darkgreen
lime
mediumseagreen
darkolivegreen
teal
olivedrab
darkslategray
darkcyan
色の調和
類似色 ±30°
類似色 ±30°
±60°
±60°
四角 ±90°
四角 ±90°
トライアド ±120°
トライアド ±120°
補色の分割
補色の分割
補色
反転色
白 × 黒
色相 × 彩度
色相 × 明度
色相 彩度 明度 白 黒
色相
-120 : 10
-105 : 25
-90 : 40
-75 : 55
-60 : 70
-45 : 85
-30 : 100
-15 : 115
-10 : 120
-5 : 125
-2 : 128
±0 : 130
+2 : 132
+5 : 135
+10 : 140
+15 : 145
+30 : 160
+45 : 175
+60 : 190
+75 : 205
+90 : 220
+105 : 235
+120 : 250
+135 : 265
+150 : 280
+165 : 295
+180 : 310
+195 : 325
+210 : 340
+225 : 355
彩度
+7 : 100
+3 : 96
+2 : 95
±0 : 93
-1 : 92
-2 : 91
-3 : 90
-5 : 88
-9 : 84
-13 : 80
-17 : 76
-21 : 72
-25 : 68
-29 : 64
-33 : 60
-37 : 56
-41 : 52
-43 : 50
-45 : 48
-49 : 44
-53 : 40
-57 : 36
-61 : 32
-65 : 28
-69 : 24
-73 : 20
-77 : 16
-81 : 12
-85 : 8
-89 : 4
-93 : 0
明度
+66 : 100
+62 : 96
+58 : 92
+54 : 88
+50 : 84
+46 : 80
+42 : 76
+38 : 72
+34 : 68
+30 : 64
+26 : 60
+22 : 56
+18 : 52
+16 : 50
+14 : 48
+10 : 44
+6 : 40
+3 : 37
+2 : 36
±0 : 34
-2 : 32
-3 : 31
-6 : 28
-10 : 24
-14 : 20
-18 : 16
-22 : 12
-26 : 8
-30 : 4
-34 : 0
白
-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
黒
-34 : 0
-30 : 4
-26 : 8
-22 : 12
-18 : 16
-14 : 20
-10 : 24
-6 : 28
-3 : 31
-2 : 32
±0 : 34
+2 : 36
+3 : 37
+6 : 40
+10 : 44
+14 : 48
+16 : 50
+18 : 52
+22 : 56
+26 : 60
+30 : 64
+34 : 68
+38 : 72
+42 : 76
+46 : 80
+50 : 84
+54 : 88
+58 : 92
+62 : 96
+66 : 100
赤
+249 : 255
+232 : 238
+215 : 221
+198 : 204
+181 : 187
+164 : 170
+147 : 153
+130 : 136
+113 : 119
+96 : 102
+79 : 85
+62 : 68
+45 : 51
+28 : 34
+11 : 17
+8 : 14
+4 : 10
+2 : 8
+1 : 7
±0 : 6
-1 : 5
-2 : 4
-4 : 2
-6 : 0
緑
+86 : 255
+69 : 238
+52 : 221
+35 : 204
+18 : 187
+8 : 177
+4 : 173
+2 : 171
+1 : 170
±0 : 169
-1 : 168
-2 : 167
-4 : 165
-8 : 161
-16 : 153
-33 : 136
-50 : 119
-67 : 102
-84 : 85
-101 : 68
-118 : 51
-135 : 34
-152 : 17
-169 : 0
青
+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
パレット
#fff
#eee
#ddd
#ccc
#bbb
#aaa
#999
#888
gray
#777
#666
#555
#444
#333
#222
#111
#000