色見本
マウスカーソルを合わせると背景色を一時的に変更する。
色を変えた時にカラーコードをクリップボードにコピーする。
#1fad45
データ
赤
31
緑
173
青
69
色相
136°
白
12%
黒
32%
彩度
70%
明度
40%
輝度
47%
色調 = 鈍い
色相 = 136°
3桁
#3b5
#3b4
#3b3
#3a5
#3a4
#3a3
#395
#394
#393
#2b5
#2b4
#2b3
#2a5
#2a4
#2a3
#295
#294
#293
#1b5
#1b4
#1b3
#1a5
#1a4
#1a3
#195
#194
#193
名前付き
seagreen
limegreen
forestgreen
mediumseagreen
teal
darkcyan
green
darkolivegreen
olivedrab
darkslategray
lightseagreen
springgreen
色の調和
類似色 ±30°
類似色 ±30°
±60°
±60°
四角 ±90°
四角 ±90°
トライアド ±120°
トライアド ±120°
補色の分割
補色の分割
補色
反転色
白 × 黒
色相 × 彩度
色相 × 明度
色相 彩度 明度 白 黒
色相
-135 : 1
-120 : 16
-105 : 31
-90 : 46
-75 : 61
-60 : 76
-45 : 91
-30 : 106
-15 : 121
-10 : 126
-5 : 131
-2 : 134
±0 : 136
+2 : 138
+5 : 141
+10 : 146
+15 : 151
+30 : 166
+45 : 181
+60 : 196
+75 : 211
+90 : 226
+105 : 241
+120 : 256
+135 : 271
+150 : 286
+165 : 301
+180 : 316
+195 : 331
+210 : 346
彩度
+30 : 100
+26 : 96
+22 : 92
+18 : 88
+14 : 84
+10 : 80
+6 : 76
+3 : 73
+2 : 72
±0 : 70
-2 : 68
-3 : 67
-6 : 64
-10 : 60
-14 : 56
-18 : 52
-20 : 50
-22 : 48
-26 : 44
-30 : 40
-34 : 36
-38 : 32
-42 : 28
-46 : 24
-50 : 20
-54 : 16
-58 : 12
-62 : 8
-66 : 4
-70 : 0
明度
+60 : 100
+56 : 96
+52 : 92
+48 : 88
+44 : 84
+40 : 80
+36 : 76
+32 : 72
+28 : 68
+24 : 64
+20 : 60
+16 : 56
+12 : 52
+10 : 50
+8 : 48
+4 : 44
+3 : 43
+2 : 42
±0 : 40
-2 : 38
-3 : 37
-4 : 36
-8 : 32
-12 : 28
-16 : 24
-20 : 20
-24 : 16
-28 : 12
-32 : 8
-36 : 4
-40 : 0
白
-12 : 0
-8 : 4
-4 : 8
-3 : 9
-2 : 10
±0 : 12
+2 : 14
+3 : 15
+4 : 16
+8 : 20
+12 : 24
+16 : 28
+20 : 32
+24 : 36
+28 : 40
+32 : 44
+36 : 48
+38 : 50
+40 : 52
+44 : 56
+48 : 60
+52 : 64
+56 : 68
+60 : 72
+64 : 76
+68 : 80
+72 : 84
+76 : 88
+80 : 92
+84 : 96
+88 : 100
黒
-32 : 0
-28 : 4
-24 : 8
-20 : 12
-16 : 16
-12 : 20
-8 : 24
-4 : 28
-3 : 29
-2 : 30
±0 : 32
+2 : 34
+3 : 35
+4 : 36
+8 : 40
+12 : 44
+16 : 48
+18 : 50
+20 : 52
+24 : 56
+28 : 60
+32 : 64
+36 : 68
+40 : 72
+44 : 76
+48 : 80
+52 : 84
+56 : 88
+60 : 92
+64 : 96
+68 : 100
赤
+224 : 255
+207 : 238
+190 : 221
+173 : 204
+156 : 187
+139 : 170
+122 : 153
+105 : 136
+88 : 119
+71 : 102
+54 : 85
+37 : 68
+20 : 51
+8 : 39
+4 : 35
+3 : 34
+2 : 33
+1 : 32
±0 : 31
-1 : 30
-2 : 29
-4 : 27
-8 : 23
-14 : 17
-31 : 0
緑
+82 : 255
+65 : 238
+48 : 221
+31 : 204
+14 : 187
+8 : 181
+4 : 177
+2 : 175
+1 : 174
±0 : 173
-1 : 172
-2 : 171
-3 : 170
-4 : 169
-8 : 165
-20 : 153
-37 : 136
-54 : 119
-71 : 102
-88 : 85
-105 : 68
-122 : 51
-139 : 34
-156 : 17
-173 : 0
青
+186 : 255
+169 : 238
+152 : 221
+135 : 204
+118 : 187
+101 : 170
+84 : 153
+67 : 136
+50 : 119
+33 : 102
+16 : 85
+8 : 77
+4 : 73
+2 : 71
+1 : 70
±0 : 69
-1 : 68
-2 : 67
-4 : 65
-8 : 61
-18 : 51
-35 : 34
-52 : 17
-69 : 0
パレット
#fff
#eee
#ddd
#ccc
#bbb
#aaa
#999
#888
gray
#777
#666
#555
#444
#333
#222
#111
#000