色見本
マウスカーソルを合わせると背景色を一時的に変更する。
色を変えた時にカラーコードをクリップボードにコピーする。
#66b93d
データ
赤
102
緑
185
青
61
色相
100°
白
24%
黒
27%
彩度
50%
明度
48%
輝度
57%
色調 = 鈍い
色相 = 100°
3桁
#7c5
#7c4
#7c3
#7b5
#7b4
#7b3
#7a5
#7a4
#7a3
#6c5
#6c4
#6c3
#6b5
#6b4
#6b3
#6a5
#6a4
#6a3
#5c5
#5c4
#5c3
#5b5
#5b4
#5b3
#5a5
#5a4
#5a3
名前付き
olivedrab
yellowgreen
limegreen
mediumseagreen
seagreen
darkolivegreen
forestgreen
olive
dimgray
darkseagreen
gray
lawngreen
色の調和
類似色 ±30°
類似色 ±30°
±60°
±60°
四角 ±90°
四角 ±90°
トライアド ±120°
トライアド ±120°
補色の分割
補色の分割
補色
反転色
白 × 黒
色相 × 彩度
色相 × 明度
色相 彩度 明度 白 黒
色相
-90 : 10
-75 : 25
-60 : 40
-45 : 55
-30 : 70
-15 : 85
-10 : 90
-5 : 95
-2 : 98
±0 : 100
+2 : 102
+5 : 105
+10 : 110
+15 : 115
+30 : 130
+45 : 145
+60 : 160
+75 : 175
+90 : 190
+105 : 205
+120 : 220
+135 : 235
+150 : 250
+165 : 265
+180 : 280
+195 : 295
+210 : 310
+225 : 325
+240 : 340
+255 : 355
彩度
+50 : 100
+46 : 96
+42 : 92
+38 : 88
+34 : 84
+30 : 80
+26 : 76
+22 : 72
+18 : 68
+14 : 64
+10 : 60
+6 : 56
+3 : 53
+2 : 52
±0 : 50
-2 : 48
-3 : 47
-6 : 44
-10 : 40
-14 : 36
-18 : 32
-22 : 28
-26 : 24
-30 : 20
-34 : 16
-38 : 12
-42 : 8
-46 : 4
-50 : 0
明度
+52 : 100
+48 : 96
+44 : 92
+40 : 88
+36 : 84
+32 : 80
+28 : 76
+24 : 72
+20 : 68
+16 : 64
+12 : 60
+8 : 56
+4 : 52
+3 : 51
+2 : 50
±0 : 48
-2 : 46
-3 : 45
-4 : 44
-8 : 40
-12 : 36
-16 : 32
-20 : 28
-24 : 24
-28 : 20
-32 : 16
-36 : 12
-40 : 8
-44 : 4
-48 : 0
白
-24 : 0
-20 : 4
-16 : 8
-12 : 12
-8 : 16
-4 : 20
-3 : 21
-2 : 22
±0 : 24
+2 : 26
+3 : 27
+4 : 28
+8 : 32
+12 : 36
+16 : 40
+20 : 44
+24 : 48
+26 : 50
+28 : 52
+32 : 56
+36 : 60
+40 : 64
+44 : 68
+48 : 72
+52 : 76
+56 : 80
+60 : 84
+64 : 88
+68 : 92
+72 : 96
+76 : 100
黒
-27 : 0
-23 : 4
-19 : 8
-15 : 12
-11 : 16
-7 : 20
-3 : 24
-2 : 25
±0 : 27
+1 : 28
+2 : 29
+3 : 30
+5 : 32
+9 : 36
+13 : 40
+17 : 44
+21 : 48
+23 : 50
+25 : 52
+29 : 56
+33 : 60
+37 : 64
+41 : 68
+45 : 72
+49 : 76
+53 : 80
+57 : 84
+61 : 88
+65 : 92
+69 : 96
+73 : 100
赤
+153 : 255
+136 : 238
+119 : 221
+102 : 204
+85 : 187
+68 : 170
+51 : 153
+34 : 136
+17 : 119
+8 : 110
+4 : 106
+2 : 104
+1 : 103
±0 : 102
-1 : 101
-2 : 100
-4 : 98
-8 : 94
-17 : 85
-34 : 68
-51 : 51
-68 : 34
-85 : 17
-102 : 0
緑
+70 : 255
+53 : 238
+36 : 221
+19 : 204
+8 : 193
+4 : 189
+2 : 187
+1 : 186
±0 : 185
-1 : 184
-2 : 183
-4 : 181
-8 : 177
-15 : 170
-32 : 153
-49 : 136
-66 : 119
-83 : 102
-100 : 85
-117 : 68
-134 : 51
-151 : 34
-168 : 17
-185 : 0
青
+194 : 255
+177 : 238
+160 : 221
+143 : 204
+126 : 187
+109 : 170
+92 : 153
+75 : 136
+58 : 119
+41 : 102
+24 : 85
+8 : 69
+7 : 68
+4 : 65
+2 : 63
+1 : 62
±0 : 61
-1 : 60
-2 : 59
-4 : 57
-8 : 53
-10 : 51
-27 : 34
-44 : 17
-61 : 0
パレット
#fff
#eee
#ddd
#ccc
#bbb
#aaa
#999
#888
gray
#777
#666
#555
#444
#333
#222
#111
#000